jquery toggleClass nur Kinder element
ich habe eine Frage zu toggleclass nur für Kinder-element.
<ul class="sample-menu">
<li id="sample-topmenu_2">
<a href="#" class="sample-icon">Menu Text</a>
<ul class="sample-submenu">
<li class="submenu"><a href="#" class="sample-icon">Submenu Text</a></li>
<li class="submenu"><a href="#" class="sample-icon">Submenu Text</a></li>
</ul>
</li>
<li id="sample-topmenu_3">
<a href="#" class="sample-icon">Menu Text2</a>
<ul class="sample-submenu">
<li class="submenu"><a href="#" class="sample-icon">Submenu Text2</a></li>
<li class="submenu"><a href="#" class="sample-icon">Submenu Text2</a></li>
</ul>
</li>
verwende ich das jquery-toggle, aber es wechseln alle li-Elemente für die Menüs.
$( "*[id^=bga-topmenu_] p" ).click(function() {
$("li.submenu").toggleClass( "sumenu_show" );
});
Ich Schätze Ihre Hilfe.
- Dass es einen super-komisch-Selektor.
Du musst angemeldet sein, um einen Kommentar abzugeben.
Versuchen:
Können Sie
$(this)
um den aktuellen Kontext (d.h. der angeklickte element) und dann finden Sie alle<li>
Elemente mit dem Untermenüclass
in diesem Kontext, mit der.find()
Methode.