トグル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

あるslideDownとslideToggleを交換。

slideToggleは、現在の状態に応じてslideDownとslideUpの両方を組み合わせています。

Answer 3

"slideToggle"の代わりに "slideDown"を使用すると動作します。