$(document).ready(function()
{
    //slides the element with class "menu_body" when paragraph with class "menu_head" is clicked 
	$("#accordion .menu_head .expandonclick").click(function()
    {
		$(this).parent().css({}).next("div.menu_body").slideToggle(300).siblings("div.menu_body").slideUp("slow");
       	$(this).parent().siblings().css({});
	});	

	//slides the element with class "menu_body" when paragraph with class "menu_head" is clicked 
	$("#accordion_wrapper .menu_head_top").click(function()
    {
		$(this).css({}).next("div.menu_body").slideToggle(300).siblings("div.menu_body").slideUp("slow");
       	$(this).siblings().css({});
	});
	
	//slides the element with class "menu_body" when paragraph with class "menu_head" is clicked 
	$("#accordion_1 .menu_head .expandonclick").click(function()
    {
		$(this).parent().css({}).next("div.menu_body").slideToggle(300).siblings("div.menu_body").slideUp("slow");
       	$(this).parent().siblings().css({});
	});
	
	//slides the element with class "menu_body" when paragraph with class "menu_head" is clicked 
	$("#accordion_2 .menu_head .expandonclick").click(function()
    {
		$(this).parent().css({}).next("div.menu_body").slideToggle(300).siblings("div.menu_body").slideUp("slow");
       	$(this).parent().siblings().css({});
	});
	
	//slides the element with class "menu_body" when paragraph with class "menu_head" is clicked 
	$("#accordion_3 .menu_head .expandonclick").click(function()
    {
		$(this).parent().css({}).next("div.menu_body").slideToggle(300).siblings("div.menu_body").slideUp("slow");
       	$(this).parent().siblings().css({});
    });

    //slides the element with class "menu_body" when paragraph with class "menu_head" is clicked 
    $("#accordion_4 .menu_head .expandonclick").click(function () {
        $(this).parent().css({}).next("div.menu_body").slideToggle(300).siblings("div.menu_body").slideUp("slow");
        $(this).parent().siblings().css({});
    });
	
});