Simple Accordion

by Dejan Munjiza

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<div class="accordion">

  <div class="naslov"><a href="">Panel 1</a></div>
  <div class="sadrzaj">Pellentesque fermentum dolor. Aliquam quam lectus, facilisis auctor, ultrices ut, elementum vulputate, nunc.</div>

  <div class="naslov"><a href="">Panel 2</a></div>
  <div class="sadrzaj">Pellentesque fermentum dolor. Aliquam quam lectus, facilisis auctor, ultrices ut, elementum vulputate, nunc.</div>

  <div class="naslov"><a href="">Panel 3</a></div>
  <div class="sadrzaj">Pellentesque fermentum dolor. Aliquam quam lectus, facilisis auctor, ultrices ut, elementum vulputate, nunc.</div>
</div>

JavaScript

(function($) {

  var allPanels = $('.accordion > .sadrzaj').hide();

  $('.accordion > .naslov > a').click(function() {
    allPanels.slideUp();
    $(this).parent().next().slideDown();
    return false;
  });

})(jQuery);