Ich habe ein div # Elemente und wenn es angeklickt wird dann div # Auswahl slideDown(). Wenn es erneut geklickt wird, sollten div # -Wahlen slideUp(); Wie kann ich testen, ob die Auswahl bereits gefallen ist oder nicht? Ich weiß, dass ich in einer Variable speichern und den Wert umschalten kann, wenn div # Elemente angeklickt wird, aber was ist, wenn #choices auf andere Weise heruntergerutscht wurde?jquery toggle slideUp/slideDown
9
A
Antwort
15
Verwenden .slideToggle()
6
Als Marimuthu's answer Punkte, können Sie slideToggle() aufbrauchen schieben, wenn das div bereits geöffnet ist, oder nach unten, wenn es geschlossen ist.
Sie können auch die display
-Eigenschaft überprüfen, um herauszufinden, ob sie derzeit sichtbar ist oder nicht. Aus der jQuery-Dokumentation für slideUp().
Sobald die Höhe 0 erreicht, wird die Eigenschaft display style auf none gesetzt, um sicherzustellen, dass das Element das Layout der Seite nicht mehr beeinflusst.
Mit diesem Wissen können Sie überprüfen, um zu sehen, ob es wird auf "none":
var $choices = $('div#choices');
if ($choices.css("display") == "none")
$choices.slideDown();
else
$choices.slideUp();
0
diese
Versuchen -
HTML:
<a href="#demo" class="nav-toggle">Show</a>
<div id="demo" style="display:none;">
<p>short info</p>
</div>
JQUERY SCRIPT:
$('.nav-toggle').click(function(){
var content_id = $(this).attr('href');
var toggle_switch = $(this);
$(content_id).toggle(function(){
if($(this).css('display')=='none'){
toggle_switch.html('Show');
}else{
toggle_switch.html('Hide');
}
});
});
Verwandte Themen
- 1. JQuery Toggle Slider & Toggle Text
- 2. jQuery Cookie toggle
- 3. jQuery Toggle ändern Bild
- 4. jQuery: Toggle - Liste
- 5. jQuery Toggle() Ausgabe
- 6. Toggle jquery offset() -Methode
- 7. jQuery Toggle (IE 7)
- 8. jQuery Toggle Reihenfolge
- 9. jQuery toggle unterstreichen
- 10. Jquery multiple div toggle
- 11. Toggle Temperaturwert Jquery
- 12. Toggle-Link in Jquery
- 13. jQuery Multiple State Toggle
- 14. jQuery plus minus toggle
- 15. Jquery Roller/Toggle-Effekt
- 16. Toggle-Checkbox mit Jquery
- 17. JQuery Slickbox Toggle-Ausgabe
- 18. Jquery Toggle Akkordeon
- 19. jQuery Toggle Width Logic
- 20. Verschachtelte jQuery Toggle-Anweisungen
- 21. jQuery Isotope toggle Inhalt
- 22. jQuery klicken toggle animation
- 23. jQuery Toggle wiederholt sich
- 24. Jquery Cookie - toggle-Box
- 25. jQuery Toggle Staat
- 26. Jquery toggle .css
- 27. Toggle Text mit jQuery
- 28. jQuery Onclick Toggle-Klassennamen
- 29. jquery Toggle html Text
- 30. jquery Toggle einzeln
Wird nicht funktionieren, da er der Schieber die durch andere Elemente durchgeführt werden. –
+1. @Kaaviar: Eigentlich sollte das gut genug funktionieren, weil 'slideToggle()' überprüfen wird, ob das Element momentan versteckt oder angezeigt wird. –
wie Sie mit slideToggle rutschen oder rutschen? – Smash