切換jquery沒有反轉

Question

下面的代碼，當你點擊按鈕時顯示div。

但是，當您再次單擊時，它會切換div。

我不需要這個反向。我只想當你點擊按鈕時，它會顯示隱藏的div。之後，按鈕不起作用。

我該怎麼辦呢？

(function ($) { 
 
     $(document).ready(function() { 
 
     $("#thisclick").click(function() { 
 
     $("#example").slideToggle("slow"); 
 
     }); 
 
    }); 
 
    })(jQuery); 
 

h3 { 
 
    display:none; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
 

 
<button id="thisclick" >Click</button> 
 
<h3 id="example">Example Div</h3>

Answer 1

使用slideDown得到你想要的效果。

slideDown是slideToggle的1部分。第二部分是slideUp

(function($) { 
 
    $(document).ready(function() { 
 
    $("#thisclick").click(function() { 
 
     $("#example").slideDown("slow"); 
 
    }); 
 
    }); 
 
})(jQuery);

h3 { 
 
    display: none; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
 

 
<button id="thisclick">Click</button> 
 
<h3 id="example">Example Div</h3>

Answer 2

替換slideToggle與slideDown。

slideToggle結合了slideDown和slideUp，具體取決於您當前的狀態。

Answer 3

而不是「slideToggle」，使用「slideDown」，這將使其工作。