Selective accordion

(you can have an accordian display a specific div, and you you toggle only one to be viewable at once via the "onlyAtOnce" variable)

Basic Accordion

This is a bare script that would function as a proper accordion.

You have to have the content div immediately after the clicker div though.

<div class="clicker">Accordion 1</div> <div class="content"> The content that goes within </div> <div class="clicker">Accordion 2</div> <div class="content"> you can do images too<br> <img src="/wahelper/GetImage?id=274805" /> </div> <style> .clicker{ cursor: pointer; } .clicker:hover{ background-color: rgba(0,255,255,.15); } .content{ display: none; } </style> <script > $(document).ready(function(){ $('.clicker').click(function(){ if($(this).hasClass('showing')){ $(this).next('div').slideUp(); $(this).removeClass('showing'); } else{ $(this).next('div').slideDown(); $(this).addClass('showing'); } }); }); </script>

You can also have icons that change upon clicking