Ich benutze JQuery Accordian, ich möchte alle Abschnitte beim Laden der Seite ausblenden. Nur wenn der Benutzer auf den Header klickt, sollte dieser Abschnitt geöffnet werden. Kann jemand mir helfen, in Ihrem Dokument bereit Funktion aus ..Alle Abschnitte in Akkordeon auf Seite laden in jQuery Accordian
Antwort
Verwenden Sie dies, wenn das Akkordeon Initialisierung:
$("#someid").accordion({collapsible : true, active : 'none'});
aktiv: ‚none‘ ist ein ungültiger Wert, kann es scheinen, auf der Arbeit Oberfläche, aber wird andere Aspekte des Akkordeon-Widget brechen. Verwenden Sie stattdessen:
$("#someid").accordion({collapsible : true, active : false});
API-Dokumentation bezüglich der 'aktiven' Option: http://api.jqueryui.com/accordion/#option-active – showdev
Dies sollte es tun. Wenn Sie jedoch eine Liste durchlaufen (in meinem Fall ist die MVC-Liste nach Gruppen geordnet), stellen Sie sicher, dass sich die Reduzierungsklasse außerhalb der Schleife befindet, um sie erheblich zu beschleunigen.
$('.collapse').parent().find(".glyphicon-minus").removeClass("glyphicon-minus")
.addClass("glyphicon-plus").css('color', 'green');
$('.collapse').collapse('hide');
von URL-Parameter können Sie bestimmte Registerkarte erweitern oder alle kollabieren, für jegliche Nutzung kollabiert:
$("#accordion").accordion('option', 'active' , 'null');
für den speziellen Einsatz erweitert:
$("#accordion").accordion('option', 'active' , <?php if($_GET['tab']!='')echo $_GET['tab'];else echo 'null'; ?>);
- 1. Erster Gegenstand in Akkordeon auf Seite laden
- 2. Alle Tabs in einem Akkordeon auf jquery zusammenklappen?
- 3. Mehrere Abschnitte offen in jQuery Akkordeon mit Themen/Glätte
- 4. jquery Akkordeon sollte standardmäßig beim Laden der Seite minimiert werden
- 5. jQuery Accordian DOM
- 6. jQuery UI Akkordeon Fokus auf geöffnete Artikel
- 7. Jquery Akkordeon Alle erweitern Alle reduzieren
- 8. jquery ankern auf Seite laden
- 9. laden jquery in asp.net Seite
- 10. JQuery Suche auf Seite laden
- 11. Aufruf jquery auf Seite laden
- 12. Akkordeon Toggle Umleiten vor jquery laden
- 13. JQuery Akkordeon
- 14. DropDownList-Ereignis in Accordian und GridView
- 15. JQuery Akkordeon - klicken Sie auf
- 16. Jquery Akkordeon
- 17. jQuery UI Akkordeon aktivieren
- 18. jQuery Akkordeon geöffnet kollabierte
- 19. UICollectionView Abschnitte vertikal laden
- 20. Entfernen Akkordeon Folie Animation beim Laden der Seite
- 21. JQuery Validierung auf Bootstrap Akkordeon MVC
- 22. Klicken Sie auf den Link in Accordian öffnet den nächsten Abschnitt
- 23. jQuery Akkordeon-Menü - halten Sie das Akkordeon-Menü offen für die Seite Ich bin auf
- 24. Seite in ein div laden jQuery Mobile
- 25. Jeditable Alle Abschnitte bearbeiten?
- 26. Akkordeon (ng2-Akkordeon) in angular2
- 27. jQuery Akkordeon-Plugin - Shopify
- 28. Mink: warten auf Seite in @BeforeStep laden
- 29. jQuery externe Seite laden
- 30. Dynamisches Akkordeon auf WordPress PHP Seite
DANK ... nur ein! Anmerkung für n00bs wie mich, füge einfach das aktuelle Akkordeon-Tag hinzu: $ ("# accordion"). accordion ({header: "h3", reduzierbar: true, active: 'none'}); – SnowboardBruin