Ich habe folgenden Code Dies druckt Filter in Magento Ich möchte Filter anzeigen/verbergen. Dies druckt oft Knopf -> ol Filter Taste -> ol aus Filtern. Ich will das machen: Wenn ich auf den Knopf klicke, will ich nur den ersten ol nach dem Knopf um zu zeigen oder zu verstecken. Ich brauche Hilfe, danke!JQUERY erstes Element nach jeder Taste
Antwort
Verwenden next()
Methode sofort folgendes wählen
$('button').click(function() {
$(this)
.next() // get immediately next sibling
.toggle(); // toggle the visible states
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<button>Show</button>
<ol style="display:none;">
<li>list
<li>
</ol>
<button>Show</button>
<ol style="display:none;">
<li>list
<li>
</ol>
<button>Show</button>
<ol style="display:none;">
<li>list
<li>
</ol>
<button>Show</button>
<ol style="display:none;">
<li>list
<li>
</ol>
Danke, diese Arbeit aber wie kann ich auch nach dem 2. Klick verstecken. –
@ ИванЖелев: Verwenden Sie toggle, aktualisiert –
Als Alternative Geschwister mit jQuery next() Sie können auch Buttons und Ol Paare von Div-Tags wickeln. Auf diese Art und Weise, wenn Sie etwas Markup zwischen Button und Ol JS-Code hinzufügen müssen, funktioniert es immer noch.
<div class="filters-box">
<button>...</button>
<ol>...</ol>
</div>
Dann Click-Ereignis wie folgt hinzu:
Ein wenig mehr Code, aber es ist elastischer in Not zu verlängern. Eine solche Umhüllung kann auch zum Positionieren von Elementen nützlich sein. Es ist eine Sache des Falles, keine berüchtigten "Divits" daraus zu machen.
- 1. Wie erstes übergeordnetes Element in jquery
- 2. Versprechen nach jQuery jeder
- 3. erstes Kind in jquery
- 4. erstes Element erhalten, die ein Kriterium oder erstes Element trifft
- 5. Erstes Element von NSArray
- 6. jQuery erstes Element der Klasse findet mit einzigartiger ID
- 7. Zusammenklappbarer Bootstrap, zeige erstes Element
- 8. Zurück erstes Element in array_agg()
- 9. Bootstrap-Tabelle erstes Element verschoben
- 10. Javascript (rein) wählen erstes Element (Tabelle)
- 11. jQuery: Element nach ntem Element hinzufügen
- 12. jQuery: Element nach einem anderen Element hinzufügen
- 13. Element nach Titel abrufen jQuery
- 14. Python sort() erstes Element der Liste
- 15. erstes Element auswählen, mit spezifischer CSS-Klasse
- 16. wie zu wählen: nach element mit jquery
- 17. Erstes Element eines GroupedObservable mit RxJava nehmen
- 18. Schleife nur über erstes und letztes Element
- 19. Wordpress mein erstes Plugin wird auf jeder Seite geladen
- 20. Wie hänge ich ein HTML-Element als erstes Element in einen existierenden Körper mit JQuery ein?
- 21. Erstes Antippen von UITableView ignoriert nach deleteRowsAtIndexPaths
- 22. Pandas Split Mischtyp und erhalten erstes Element
- 23. Doppelt verkettete Liste entfernen erstes Element
- 24. Web.config transformieren Als erstes untergeordnetes Element einfügen
- 25. Erstes minus letztes Element in einem Array
- 26. Erstes Element eines Arrays mit Bedingung
- 27. Wie erstes Element von XPath in Oracle
- 28. Erstes Element eines Pfades in Python
- 29. PHP alternieren mit 'gesichert' erstes Element
- 30. Keypath für erstes Element in eingebettetem NSArray
Entfernen Sie 'PHP' Code und nur HTML-Ergebnis schreiben. – Mohammad