Question

我有一个'div'标签（通过id = go）并编写一个脚本，我点击div，然后会显示另一个div（通过id = example），并显示一些数据：这是我的div：

  <div id="go" style="position: relative">Click</div>
  <div id="example" style="position: relative"></div>

和脚本：

 $("#go").click(function () {

                   $("#example").fadeIn(1200);
                   $("#count").text('');
                    setInterval(
                         function () {
                            p(); count();
                          }, 8000);
                    });

我希望当我点击div（通过id = go）agin div（带id = example）隐藏时，我怎样才能改进我的脚本呢？

Answer 1

您可以使用fadeToggle()在fadeIn()和fadeOut()之间切换：

$("#example").fadeToggle(1200);

<强> Fiddle Demo

Answer 2

你试过.toggle()吗？参考文献位于jQuery docs。 AFAIK它可以满足您的所有需求 - 包括动画。

Answer 3

使用.toggle()。检查一下

$("#example").hide();
$("#go").click(function () {
      $("#example").toggle('slow');
});

DEMO

通过单击另一个DIV隐藏DIV

3 个答案: