隱藏顯示的div
回答
我只是改善安德魯先生的代碼:
$(document).ready(function() {
$("#setup").click(function() {
$("#closeable").slideToggle(function() {
if ($(this).is(":visible")) {
$("#setup").text("Hide Content ▲");
}
else {
$("#setup").text("Show Content ▼");
}
});
});
});
$(document).ready(function() {
$("#closeable").slideToggle();
state = "hide";
$("#setup").click(function() {
$("#closeable").slideToggle();
if (state == "hide") {
$("#setup").text("Show Content");
state == "show"
}
else {
$("#setup").text("Hide Content");
state == "hide"
}
});
});
如何:
$(document).ready(function() {
$("#setup").click(function() {
$("#closeable").slideToggle(function() {
if ($(this).is(":visible")) {
$("#setup").text("Hide Content");
}
else {
$("#setup").text("Show Content");
}
});
});
});
一定要檢查在回調函數的內容的可見性(以確保內容是可見的)。
謝謝Andrew的幫助 – 422 2011-04-21 00:40:52
@ 422:沒問題!樂意效勞。 – 2011-04-21 00:41:27
好吧,我測試了,這是什麼工作。
請注意,我們在ready()函數的開頭添加了$("#closeable").hide();
,因此隱藏了我們的對象div。
其次我們在測試後移動$("#closeable").slideToggle();
。您遇到的問題是slideToggle()
作爲線程執行,並且代碼的其餘部分仍在執行,因此它仍然部分可見或僅對is(':visible')
語句可見。首先通過測試,我們消除競爭條件。
乾杯
$(document).ready(function() {
$("#closeable").hide();
$("#setup").click(function() {
if($("#closeable").is(":visible")) {
$("#setup").text("Show Content ▼");
}
else {
$("#setup").text("Hide Content ▲");
}
$("#closeable").slideToggle();
});
});
謝謝很好的解釋:) – 422 2011-04-21 00:13:11
- 1. 當我顯示div時,隱藏的div-img隱藏不顯示
- 2. 顯示/隱藏DIV
- 3. div顯示/隱藏
- 4. 顯示/隱藏div
- 5. 顯示/隱藏Div
- 6. 隱藏/顯示DIV
- 7. 在顯示/隱藏div中顯示/隱藏div
- 8. jQuery的顯示/隱藏DIV
- 9. jQuery的顯示/隱藏DIV
- 10. 顯示隱藏的div
- 11. Javascript顯示隱藏的div
- 12. jQuery的顯示/隱藏DIV
- 13. 顯示隱藏的div
- 14. 顯示/隱藏的div
- 15. 顯示隱藏的div
- 16. 顯示/隱藏腳本顯示僅去年隱藏的div
- 17. jquery多DIV隱藏/顯示
- 18. 隱藏/顯示一個DIV
- 19. jquery隱藏並顯示div
- 20. 如何顯示/隱藏div
- 21. Div顯示隱藏有效
- 22. Javascript隱藏顯示div
- 23. 隱藏顯示div角
- 24. Lotus Notes隱藏/顯示div
- 25. Mouseenter Hover Div顯示/隱藏
- 26. 點擊顯示/隱藏div
- 27. 隱藏並顯示div
- 28. 隱藏/顯示div類
- 29. Javascript隱藏/顯示div
- 30. 顯示/隱藏圖像DIV
我的問題是如何顯示$(「#setup」).text(「Hide Content▲」);在JS中向上和向下箭頭指針,沒有實際發佈圖像,因爲它指出字符編碼會丟失? – 422 2011-04-21 00:10:44
爲了使用這個\ u25b2,下來使用這個\ u25bc,[現場演示](http://jsfiddle.net/de4FE/43/)。 – SIFE 2011-04-21 01:59:24
感謝SIFE,這是血腥的完美!!!!!!許多thnaks – 422 2011-04-21 03:28:52