Urgent - jQuery Menu Drop Down Issue - Need Assitance
===

I would like you to help me with my problem.
You can have a look at the current working of the Menu at
[www.darshakspadia.com/demo/jQuery-Issue/index.html][1]

My problem is that I want this the menu to

1. Open on clicking & not on hover...
2. & Close the active closes when I click the other navigation button.


here is the jQuery I'm using for this effect

$(document).ready(function(){
	
	//Remove outline from links
	$(".home-nav a").click(function(){
		$(this).blur();
	});
	
	//When mouse rolls over
	$(".home-nav li").mouseover(function(){
		$(this).stop().animate({height:'260px'},{queue:false, duration:800, easing: 'easeOutBounce'})
	});
	
	//When mouse is removed
	$(".home-nav li").mouseout(function(){
		$(this).stop().animate({height:'80px'},{queue:false, duration:800, easing: 'easeOutBounce'})
	});
	
});


If i change the ".mouseover" to ".click" the problem is than it appears of click but as soon as I hover out of the current box it disappears.

And If I change both ".mouseover" & ".mouseout" to .click nothing happens.

My Mail problem is I need the effect as it is.

Kindly Some one help with this as this is really and emergency for me.

If you want that I can even share the required files used so that you can help me..


  [1]: http://www.darshakspadia.com/demo/jQuery-Issue/index.html