Mam taki kod:

[HTML] pobierz, plaintext 
		$('#nav li').click(
			function () {
				$('ul', this).stop(true, false).fadeIn(300);
			});
[HTML] pobierz, plaintext 

Chciałbym, aby tym samym przyciskiem mógłbym ukryć 'ul'. Próbowałem czegoś takiego:

[HTML] pobierz, plaintext 
		$('#nav li').click(
			function () {
				$('ul', this).stop(true, false).fadeIn(300);
				status == true;
			},
			if (status == true){
				$('ul', this).stop(true, false).fadeOut(300);
				status == false;
			}
);
[HTML] pobierz, plaintext 

Jednak nie działa. Co mogę tutaj zmienić? Gdy użyję toggle, to linki stają się nieklikalne, więc odpada.

Wszystko byłoby okej, ale linki po pokazaniu tego diva są nieklikalne. Pokazują się, ale po kliknięciu nic się nie dzieje.

[HTML] pobierz, plaintext 
jQuery.noConflict();
jQuery(function($) {
 
$(document).ready(function() {
  mstat = false;
});
 
function shide () {
	$('div.usermenu').stop(true,false).fadeOut(150);
	$('span#username').removeClass('active');
	mstat = false;	
}
 
$('span#username').click(function(event) {
		event.stopPropagation();
		if (mstat == false) {
			$('div.usermenu').stop(true,false).fadeIn();
			$('span#username').addClass('active');
			mstat = true;
		} else {
			shide();
		}
});
 
$('html').click(function() {
		if (mstat == true) shide();
});
 
});
[HTML] pobierz, plaintext 

Dlaczego to nie działa?
http://jsfiddle.net/DVTzG/
Kliknijcie na nick na górze raz, potem już nie da się zamknąć.