我有一個div#項目,如果它被點擊,那麼div#選擇slideDown()。如果它再次被點擊,那麼div#選項應該是slideUp();我如何測試選擇已經停止還是已經停止?我知道我可以存儲一個變量,並在每次點擊div#項目時切換它的值,但如果#choices已被其他方式滑下,該怎麼辦?jquery toggle slideUp/slideDown
9
A
回答
15
使用.slideToggle()
6
由於Marimuthu's answer指出,你可以使用slideToggle()向上滑動,如果股利已經打開,或向下,如果它關閉。
您還可以檢查display
屬性以確定它當前是否可見。從jQuery的文檔slideUp()。
一旦高度達到0,顯示樣式屬性設置爲none,以確保該元素不再影響頁面的佈局。
知道了這一點,你可以檢查,看它是否被設置爲 「無」:
var $choices = $('div#choices');
if ($choices.css("display") == "none")
$choices.slideDown();
else
$choices.slideUp();
0
試試這個 -
HTML:
<a href="#demo" class="nav-toggle">Show</a>
<div id="demo" style="display:none;">
<p>short info</p>
</div>
jQuery腳本:因爲他說的幻燈片可以被其他元素進行
$('.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');
}
});
});
相關問題
- 1. jQuery toggle();
- 2. toggle元素jquery
- 3. 使用.toggle()jquery
- 4. jquery toggle append remove
- 5. Jquery懸停toggle
- 6. jQuery Multiple Toggle
- 7. Z-index&jQuery Toggle
- 8. jquery slideup/slidedown toggle
- 9. jQuery toggle()問題
- 10. jQuery:鏈接後.toggle()
- 11. JQuery Toggle .click功能
- 12. jQuery Mobile - $ .mobile.showPageLoading()on toggle
- 13. jQuery toggle show問題
- 14. JQuery函數slideToggle/toggle
- 15. jQuery的.toggle()不工作
- 16. jQuery .toggle(showOrHide):執行問題
- 17. Jquery Toggle Slider&切換文本
- 18. 疑難解答jQuery toggle
- 19. jQuery toggle()不工作在FF3.0.12
- 20. jQuery Toggle Div切換器
- 21. jquery:.toggle(開關)有效?
- 22. jQuery .toggle沒有完成
- 23. jQuery文本()更改toggle()?
- 24. Jquery click and toggle Class question
- 25. jQuery on('toggle')可能嗎?
- 26. Jquery show&hide而不是toggle
- 27. divs display none ie6和jquery toggle
- 28. 添加HTML基於Toggle Jquery
- 29. jQuery Toggle divs/add remove class
- 30. jquery toggle切換兩次
將無法工作。 – 2010-07-21 15:12:44
+1。 @Kaaviar:實際上,這應該工作得很好,因爲'slideToggle()'將檢查元素當前是隱藏還是顯示。 – 2010-07-21 15:16:57
如何通過slideToggle向上滑動或向下滑動? – Smash 2013-04-19 19:37:28