切换jquery没有反转
问题描述：
下面的代码，当你点击按钮时显示div。切换jquery没有反转
但是，当您再次单击时，它会切换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>
答
使用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>
答
替换slideToggle与slideDown。
slideToggle结合了slideDown和slideUp，具体取决于您当前的状态。
答
而不是“slideToggle”，使用“slideDown”，这将使其工作。