<!---//slides the element with class "menu_body" when paragraph with class "menu_head" is clicked--->

$("#firstpane p.bluebox").click(function()
{   
$(main_style).css({backgroundImage:"url(../images/bluebar.jpg)"}
).next("div.bluebox").slideToggle(300).siblings("div.bluebox").slideUp("slow");    
$(main_style).siblings().css(
{backgroundImage:"url(../images/graybar.jpg)"});}
);

<!---//slides the element with class "menu_body" when mouse is over the paragraph--->
$("#secondpane p.bluebox").mouseover(function()
{   
$(this).css(
{backgroundImage:"url(../images/bluebar.jpg)"}
).next("div.bluebox").slideDown(500).siblings("div.bluebox").slideUp("slow");
$(this).siblings().css(
{backgroundImage:"url(../images/graybar.jpg)"}
);
}
);