$(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.
    $("div.slideBody").slideUp('fast');
    $("div.slideBody").each(function() {
        $(this).css("height", $(this).height() + "px");
    });

    //hook the mouseup events to each header
    $("div.slidePanel").children
            (
                 "div.slideHeader").mousedown(function() {

                     //find the body whose header was clicked
                     var body = $(this).parent().children("div.slideBody");

                     //slide the panel
                     if (body.is(":hidden"))
                         body.slideDown();
                     else
                         body.slideUp();
                 });
});