Hovedside

Fra Arkiwiki

Velkommen til Arkiwiki - Seksjon for dokumentasjonsforvaltning

Accordions

<button class="w3-padding-16 w3-button w3-block w3-left-align w3-red w3-hover-pink" onclick="myFunc('Demo5')">Accordion 1  </button>

 <a class="w3-button w3-block w3-left-align" href="javascript:void(0)">Link 1</a>
 <a class="w3-button w3-block w3-left-align" href="javascript:void(0)">Link 2</a>
 <a class="w3-button w3-block w3-left-align" href="javascript:void(0)">Link 3</a>

<button class="w3-padding-16 w3-button w3-block w3-left-align w3-red w3-hover-pink" onclick="myFunc('Demo4')">Accordion 2  </button>

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Dropdowns

 <button class="w3-button w3-red w3-hover-pink w3-padding-16" onclick="myFunction()">Dropdown  </button>
   <a style="color: rgb(0, 0, 0);" href="javascript:void(0)">Link 1</a>
   <a style="color: rgb(0, 0, 0);" href="javascript:void(0)">Link 2</a>
   <a style="color: rgb(0, 0, 0);" href="javascript:void(0)">Link 3</a>

<script> /* When the user clicks on the button, toggle between hiding and showing the dropdown content */ function myFunction() {

   var x = document.getElementById("myDropdown");
   if (x.classList) { 
       x.classList.toggle("w3-show");
   } else {
       // Fallback for IE9
       var classes = x.className.split(" ");
       var i = classes.indexOf("w3-show");
       if (i >= 0) 
           classes.splice(i, 1);
       else 
           classes.push("w3-show");
           x.className = classes.join(" "); 
   }

} </script>