相关疑难解决方法(0)

119
推荐指数
4
解决办法
9万
查看次数

使用JQuery如何显示和隐藏不同div的onClick事件

我想根据链接的Onclick事件显示div.

首先单击 - 显示div1
第二次单击 - 隐藏剩余div并显示div2
第三次单击 - 隐藏剩余div并显示div3
第四次单击 - 隐藏剩余div并显示div1 =>重复循环并继续...

代码遵循:

<div class="toggle_button">
      <a href="javascript:void(0);" id="toggle_value">Toggle</a>
</div>


<div id='div1' style="display:none;"> 
  <!-- content -->
</div>

<div id='div2' style="display:none;"> 
  <!-- content -->
</div>

<div id='div3' style="display:none;"> 
  <!-- content -->
</div>
Run Code Online (Sandbox Code Playgroud)

Jquery代码:

$(document).ready(function() {
        $("#toggle_value").click(function(){
           $("#div1").show("fast");
           $("#div2").show("fast");
           $("#div3").show("fast");
        });
});
Run Code Online (Sandbox Code Playgroud)

上面的代码显示了第一次单击时的所有div,但是如上所述它应该在第一次单击时显示div1.

javascript css jquery

5
推荐指数
1
解决办法
6万
查看次数

使用jQuery以特定时间间隔显示和隐藏div,但停止最后一个div

我需要一个代码是自动隐藏div 1并在特定时间显示div 2(我想我需要10秒或15秒),我已经查看此帖子: 使用jQuery以特定时间间隔显示和隐藏div

但它每10秒重复一次,我只需要隐藏div 1并显示div 2,然后永远停止它.任何人都可以帮助编辑代码?非常感谢,我真的非常需要它,但我的java很差:(

html javascript jquery

2
推荐指数
1
解决办法
1万
查看次数

标签 统计

javascript ×3

jquery ×2

css ×1

html ×1

javascript-events ×1