Pokazywanie/ukrywanie elementu na 1 przycisku - jQuery Opcje

[ratosluaf]

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.

[gr56]

Kod

$('#nav li').toggle(
    function () {
        $('ul', this).stop(true, false).fadeIn(300);
    },
    function() {
        $('ul', this).stop(true, false).fadeOut(300);
    }
);

[ratosluaf]

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ąć.

Ten post edytował ratosluaf 5.11.2012, 21:40:59