Keep expanded menu item open on click - jquery

JavaScript
1

Hi,

After some more excellent jquery advice.

I have an expanding menu working just the way I want with one exception. Id like the ‘section’ that is clicked to remain open until another is selected.

See the working menu here

I thought I could set a variable ‘menuopen’ when item is clicked then check against this when menu items are rolled over. However, this doesn’t seem to work. Is my syntax correct?


//When Mouse cursor removed from li
    $(".two").mouseout(function(){
		/// if clicked open dont close on roll out					
		if (menuopen != "two") { // check var 'menuopen'
		$(this).stop().delay(10000).animate({height:'54px'},{queue:false, duration:800, easing: 'easeOutQuad'}) // function to close here
		} else {
		// no function here - menu stay open    
		}				
    });