Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/364.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 通过单击另一个DIV隐藏一个DIV_Javascript_Jquery - Fatal编程技术网

Javascript 通过单击另一个DIV隐藏一个DIV

Javascript 通过单击另一个DIV隐藏一个DIV,javascript,jquery,Javascript,Jquery,我有一个'div'标记(按id=go)并编写了一个脚本,单击div,然后将显示另一个div(按id=example),并显示一些数据: 这是我的部门: <div id="go" style="position: relative">Click</div> <div id="example" style="position: relative"></div> 我想当我再次单击div(按id=go)时,在div(带id=example)中隐藏

我有一个'div'标记(按id=go)并编写了一个脚本,单击div,然后将显示另一个div(按id=example),并显示一些数据: 这是我的部门:

  <div id="go" style="position: relative">Click</div>
  <div id="example" style="position: relative"></div>
我想当我再次单击div(按id=go)时,在div(带id=example)中隐藏,我如何改进我的脚本呢?

你可以在
fadeIn()
fadeOut()之间切换,这里:

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

您是否尝试了
.toggle()
? 参考资料载于。好了,它可以做你需要的一切,包括动画。

使用
.toggle()
。检查这个

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

为什么要添加设置间隔?你想把这个隐藏和显示给我吗?
$("#example").hide();
$("#go").click(function () {
      $("#example").toggle('slow');
});