$(document).ready(function()

{

	//slides the element with class "menu_body" when paragraph with class "menu_head" is clicked 

	$("#menu p.menu_head").click(function()

    {

		$(this).css({backgroundPosition:"bottom left", fontSize:"26px"}).next("div.menu_body").slideToggle(300).siblings("div.menu_body").slideUp("slow");

       	$(this).siblings().css({backgroundPosition:"top left"});

	});
	
	$("#menu p.menu_head2").click(function()

    {

		$(this).css({backgroundPosition:"bottom left", fontSize:"26px"}).next("div.menu_body").slideToggle(300).siblings("div.menu_body").slideUp("slow");

       	$(this).siblings().css({backgroundPosition:"top left"});

	});

	

});