A jQuery panel switcher. It alternates between different panelSlides

panelSwitch.html

<div class="panel-container">

  <a class="panelSwitch">
    <h5>button</h5> 
  </a><!-- End of .panelSwitch -->

  <div style="" class="panelBoard">
    <!-- Fill me with any content -->
  </div><!-- End of .panelBoard -->

  <a class="panelSwitch">
    <h5>button</h5> 
  </a><!-- End of .panelSwitch -->

  <div style="" class="panelBoard">
    <!-- Fill me with any content -->
  </div><!-- End of .panelBoard -->

  <a class="panelSwitch">
    <h5>button</h5> 
  </a><!-- End of .panelSwitch -->

  <div style="" class="panelBoard">
    <!-- Fill me with any content -->
  </div><!-- End of .panelBoard -->

  <a class="panelSwitch">
    <h5>button</h5> 
  </a><!-- End of .panelSwitch -->

  <div style="" class="panelBoard">
    <!-- Fill me with any content -->
  </div><!-- End of .panelBoard -->

  <a class="panelSwitch">
    <h5>button</h5> 
  </a><!-- End of .panelSwitch -->

  <div style="" class="panelBoard">
    <!-- Fill me with any content -->
  </div><!-- End of .panelBoard -->

  <a class="panelSwitch">
    <h5>button</h5> 
  </a><!-- End of .panelSwitch -->

  <div style="" class="panelBoard">
    <!-- Fill me with any content -->
  </div><!-- End of .panelBoard -->

</div>

panelSwitch.js

$(".panelSwitch").click(function() {

  var state = $(this).next().css("display");

  if (state == 'none') {
    // If I am hidden!

    // Remove active state and Slide up everyone.
    $(".panelSwitch + .panelBoard").slideUp();

    //and slide down my content
    $(this).next().slideDown();

  }
});