通過單擊另一個DIV隱藏DIV

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（by id = go）時div（id = example）被hide，我該如何改善我的腳本來做到這一點？

Answer 1

您可以在這里使用fadeToggle（）在fadeIn()和fadeOut()之間切換：

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

小提琴演示

Answer 2

您嘗試過.toggle()嗎？ 參考在jQuery docs上 。 AFAIK可滿足您的所有需求-包括動畫。

Answer 3

使用.toggle() 。 檢查一下

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

演示