Accordion II jQuery /

by asdf

HTML

<div class="accordion">
    <h3 class="head"><a href="#">First header</a></h3>
    <div class="content">First content. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</div>
    <h3 class="head"><a href="#">Second header</a></h3>
    <div class="content">Second content. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</div>
    <h3 class="head"><a href="#">Third header</a></h3>
    <div class="content">Third content. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</div>
</div>

CSS

.accordion{
    width:300px;
    margin:20px auto;
}
.content{
    display:;
}
.accordion h3{
    text-align:center;
}
h3 a{
    text-decoration:none;
    color:#000000;
    display:block;
    background:lightblue;
}

JavaScript

$(document).ready(function(){
  var allPanels = $('.accordion .content').hide();  
  $('.accordion > h3 > a').on('click', function(){  
      if($(this).parent().next().css('display')==='none'){
          allPanels.slideUp();
          $(this).parent().next().slideDown();
      }else{
         allPanels.slideUp();         
      }
      return false;
  });
});