
// Use jQuery via $j(...)
$jq(document).ready(function(){

  //Fixes an animation glitch caused by the
  //div's dynamic height.  Need to set the
  //height style so the slide functions work
  //correctly.
  $jq("div.slideBody").each(function(){
    $jq(this).css("height", $jq(this).height() + "px");
    });

  //hook the mouseup events to each header
  $jq("div.slidePanel").children(
    "div.slideHeader").mouseup(function(){
 
    //find the body whose header was clicked
    var body = $jq(this).parent().children("div.slideBody");

    //slide the panel
    body.slideToggle();
  });
});
