我是jquery的新手,我想隱藏div css: display:none
,一旦點擊了按鈕,$(..).slideDown
將執行,div將顯示其內容。我試過這個。如何顯示div隱藏在CSS按鈕點擊
<style> .hidden-div{ display:none } </style>
<div class="hidden-div"> You can't see me </div>
<button onclick="show-div()"> Show Above Div </button>
<script>
function show-div(){
$('.hidden-div').slideDown('fast');
// more stuff...
}
</script>
這不真的把它向下滑動,因爲它與其他所有東西重疊?另外我試着將class="hidden-div"
設置爲class="display-div"
,但不能執行slideDown動畫。
現在我可以說$('hidden-div').hide()
只是在div後面,並完全刪除css,但它創造了這個問題,我看到的div,然後它隱藏起來,它只有0.5秒的事情在頁面加載開始,但它看起來不好。
因此,任何人都知道一個解決方案?
發現我自己的問題的解決方案..
//rehide the div, not sure why, but it works.
$('.hidden-div').hide();
//change class so it no longer display:none
//but it will not show the div as .hide() was execute above.
$('.hidden-div').attr('class','showing-div');
//Slide it down and everything works.
$('.hidden-div').slideDown('fast');
//this can be done in 1 liner. (thank you, Mohsen for chaining explanation)
$('.hidden-div').hide().attr('class','showing-div').slideDown('fast');
希望這是對別人有幫助的。
Markdown是*不是* BBcode。 – alex
Stackoverflow有一個功能來回答你自己的問題。 –