Sandbox-Dropdown-Menu - Revision history

H. Kemal İlter at 10:12, 13 May 2018

2018-05-13T10:12:26Z

2018-05-13T10:11:41Z

2018-05-13T10:09:03Z

2018-05-13T10:07:15Z

2018-05-13T10:06:27Z

2018-05-13T10:04:51Z

2018-05-13T10:03:08Z

@@ Line 1: / Line 1: @@
 <html>
-<script>
+<script>var dropdown = document.querySelector('.dropdown');dropdown.addEventListener('click', function(event) {event.stopPropagation(); dropdown.classList.toggle('is-active');
-var dropdown = document.querySelector('.dropdown');
+});</script>
      <section class="section tot">
        <div class="container">

@@ Line 1: / Line 1: @@
 <html>
 var dropdown = document.querySelector('.dropdown');
 dropdown.addEventListener('click', function(event) {
@@ Line 5: / Line 6: @@
    dropdown.classList.toggle('is-active');
 });
      <section class="section tot">
        <div class="container">

@@ Line 12: / Line 12: @@
 <div class="dropdown is-active">
    <div class="dropdown-trigger">
-     <button class="button" aria-haspopup="true" aria-controls="dropdown-menu2">
+     <button class="button" aria-haspopup="true" aria-controls="dropdown-menu">
-       <span>Content</span>
+       <span>Dropdown button</span>
        <span class="icon is-small">
          <i class="fas fa-angle-down" aria-hidden="true"></i>
@@ Line 19: / Line 19: @@
      </button>
    </div>
-   <div class="dropdown-menu" id="dropdown-menu2" role="menu">
+   <div class="dropdown-menu" id="dropdown-menu" role="menu">
      <div class="dropdown-content">
-       <div class="dropdown-item">
+       <a href="#" class="dropdown-item">
-         <p>You can insert <strong>any type of content</strong> within the dropdown menu.</p>
+         Dropdown item
-       </div>
+      </a>
-       <hr class="dropdown-divider">
+      <a class="dropdown-item">
-       <div class="dropdown-item">
+        Other dropdown item
-         <p>You simply need to use a <code>&lt;div&gt;</code> instead.</p>
+       </a>
-       </div>
+       <a href="#" class="dropdown-item is-active">
        <hr class="dropdown-divider">
        <a href="#" class="dropdown-item">
-         This is a link
+         With a divider
        </a>
      </div>