我想根据链接的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.
我需要一个代码是自动隐藏div 1并在特定时间显示div 2(我想我需要10秒或15秒),我已经查看此帖子: 使用jQuery以特定时间间隔显示和隐藏div
但它每10秒重复一次,我只需要隐藏div 1并显示div 2,然后永远停止它.任何人都可以帮助编辑代码?非常感谢,我真的非常需要它,但我的java很差:(