jquery slide點擊鏈接

Question

首先，對不起，如果我不會說英語好。

我的問題是我怎麼做一個div幻燈片，當我點擊一個鏈接使用jQuery？

我有這樣的：

<script type="text/javascript"> 
    function slide(div) { 
     if($(div).css('display') === 'none'){ 
      $(div).delay(300).slideUp(500); 
      return false; 
     } else { 
      $(div).delay(300).slideUp(500); 
      return false; 
     } 
    } 
</script> 

<a href="#" onclick="slide('#div1');">Click here</a> 

<div id="div1" style='display: none'> 
    this will show 
</div> 

沒有任何人有任何想法的問題是什麼？謝謝

Answer 1

jQuery的.slideUp()是專門用於隱藏元素。

如果您想專門顯示div，請使用.slideDown()來顯示。
如果您想在顯示/不顯示之間切換，您也可以使用.slideToggle()。

只要將您的.slideUp('s更改爲.slideDown(即可。

見this jsFiddle

Answer 2

這將解決您的功能，讓您使用slideUp，這樣的display永遠不會改變

function slide(div) { 
    if($(div).css('display') === 'none'){ 
     $(div).delay(300).slideDown(500); 
     return false; 
    } else { 
     console.log('2'); 
     $(div).delay(300).slideUp(500); 
     return false; 
    } 
} 

使用slideToggle代替。

<a href="#" class="handler">Click here</a> 

<div id="div1" style='display: none'> 
    this will show 
</div> 

$('.handler').click(function() { 
    $('#div1').slideToggle(500); 
});