jquery multi accordion very simple

jquery multi accordion very simple

<script type="text/javascript">
$(document).ready(function(){

    $('.accordion > .accordion-title').click(function() {
        $(this).siblings(".accordion-title").removeClass('selected');
        $(this).siblings(".accordion-content").removeClass('accordion-show');
        if($(this).hasClass('selected')) {
            $(this).removeClass('selected');
            $(this).next(".accordion-content").removeClass('accordion-show');
        }else{
            $(this).addClass('selected');
            $(this).next(".accordion-content").addClass('accordion-show');
            var posToggle = $(this).offset().top;
            alert(posToggle);
            jQuery("html, body").animate({ scrollTop: posToggle }, 600);
        }
    });
    
    $('.accordion .accordion-title').mouseover(function() {
        $(this).addClass('over');
    }).mouseout(function() {
        $(this).removeClass('over');
    });

});
</script>
<dl class="accordion">
  <dt class="accordion-title">button</dt>
  <dd class="accordion-content">
    <dl class="accordion">
      <dt class="accordion-title">button</dt>
      <dd class="accordion-content">content</dd>
      <dt class="accordion-title">button</dt>
      <dd class="accordion-content">content</dd>
    </dl>
  </dd>
  <dt class="accordion-title">button</dt>
  <dd class="accordion-content">content</dd>
</dl>