//if clicked item is already selected, ignore the click
	   /* if($(this).hasClass('selected')){
			$(this).find('div').hide(300).end().animate({'width' : "200", 'height' : "200"}, 200).removeClass('selected').find("p.thumb").show();
			return;
		}
		
		/*
		if ($('h1').is(':visible')) {
		    $('h1').hide();
		} else {
		    $('h1').show();
		}
        */

	    //if an item in the menu is selected, close it, hide children, remove selected
	   /* $("#grid li.selected").find('div').hide(200).end().animate({'width' : "200", 'height' : "200"}, 300).removeClass('selected').find("p.thumb").show();
		*/
	    //open the clicked item // add the 'selected' class in order to know what was opened for the next click
	    
	
	
	
	$(this).find("p.thumb").hide().end().find('div').show(300).end().animate({width: "900", height: "660"}, 300).addClass('selected');

	    //add the 'selected' class in order to know what was opened for the next click
	    /*$(this).addClass('selected');*/

toggle menu, where menu item is the content

jquery

jQuery