Simple ass jQuery accordion effect.

accordion.html

<!-- Add a class to the link and info elements. -->
<li>
  <a class="show-info" href="#">Show The Element</a>
  <div class="info" style="display: none;">
    Some content here.
  </div>
</li>
<!-- etc. -->

accordion.js

$(document).ready(function() {

  // Attach this to the link elements.
  $('.show-info').click(function() {
    var info = $(this).siblings('.info');
    $('.info').slideUp('fast'); // Hide the other info divs.
    info.slideDown('fast');
    return false;
  });

}); // $(document).ready()