Mit Jquery .Toggle(), um ein Dropdown-Menü zu öffnen, benötigen Sie den Link, um Farbe zu ändern, wenn geklickt

Question

Ich verwende den folgenden Code, um eine ul-basierte Dropdown-Menü zu öffnen, habe ich die CSS eingerichtet, so dass die ' button 'ändert die Farbe, wenn Sie den Mauszeiger bewegen, aber ich brauche es, um diese Farbe zu behalten, während das Menü geöffnet ist.

<script> 
$(document).ready(function() { 

$('#nav li').toggle(
    function() { 
     //show its submenu 
     $('ul', this).slideDown(100); 
     $('#libg').toggleClass('clicked'); 
    }, 
    function() { 
     //hide its submenu 
     $('ul', this).slideUp(100); 
     $('#libg').toggleClass('notclicked'); 
    } 
); 
}); 
</script> 

Es gibt keine Fehler in Firebug arbeiten die Rutsche Ereignisse völlig in Ordnung, vielleicht bin ich nicht das Richtige nennen? #libg ist die ID der li, die den 'button' enthält. Die clicked/notclicked Klassen ändern nur die Hintergrundfarbe.

http://jsfiddle.net/5tV45/

Answer 1

Ich erwarte, dass Sie wollen, dass die clicked Klasse beiden Male wechseln, so dass, wenn es entfernt wird, ist es im Bundesstaat notclicked

// replace this... 
    // $('#libg').toggleClass('notclicked'); 
    // with this... 
    $('#libg').toggleClass('clicked'); 

Answer 2

Sie müssen nur Farbe in Ihrem ‚geklickt‘ Klasse angeben und Knebel es in beiden Funktionen:

$('#nav li').toggle(
    function() { 
     //show its submenu 
     $('ul', this).slideDown(100); 
     $('#libg').toggleClass('clicked'); 
    }, 
    function() { 
     //hide its submenu 
     $('ul', this).slideUp(100); 
     $('#libg').toggleClass('clicked'); 
    } 
); 

In Ihrer Version ‚geklickt‘ Klasse auf das Element Menü links, wenn Sie Schließen Speisekarte.

Answer 3

Können Sie die Farbe in der Funktion gerade eingestellt?

$(this).css({color: '#f00'}); 

... die Farbe zu setzen und ...

$(this).css({color: ''}); 

... es unscharf zu schalten. Obwohl Sie mit add/removeClass