切换jquery没有反转

时间:2017-02-27 08:39:58

标签: javascript jquery

以下代码显示了单击按钮时的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>
&#13;
&#13;
&#13;

3 个答案:

答案 0 :(得分:1)

使用slideDown获得您想要的效果。

slideToggleslideUp的一部分。第二部分是(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>
while(scanf("%f",&num1)==0)
{
     printf("Invalid input. Please enter a number.");
      scanf("%f",&num1);
 }

答案 1 :(得分:1)

slideToggle替换为slideDown

slideToggle结合了slideDownslideUp,具体取决于您当前的状态。

答案 2 :(得分:0)

使用&#34; slideDown&#34;而不是&#34; slideToggle&#34; ,这将使它工作。