大佬教程收集整理的这篇文章主要介绍了使用jquery更改嵌套内容的div的可见性,onclick,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
<div id="tab"> <ul> <li id="tab1" class="active"><a href="#">Link 1</a></li> <li id="tab2"><a href="#">Link 2</a></li> <li id="tab3"><a href="#">Link 3</a></li> <li id="tab4"><a href="#">Link 4</a></li> </ul> </div> <div id="content1"><div class="nestedDiv">Content Here</div></div> <div id="content2"><div class="nestedDiv">Content Here</div></div> <div id="content3"><div class="nestedDiv">Content Here</div></div> <div id="content4"><div class="nestedDiv">Content Here</div></div>
我尝试使用我在这里找到的示例:How do you swap DIVs on mouseover? (jquery?)但由于嵌套的div而失败.
任何关于我如何能够以某种方式工作的想法,包括其他div在内的所有内容都会在点击时显示出来?我还想在第一次打开页面时将第一个div保持在活动状态…更改所选择的li的活动外观……但我还没有尝试解决这个问题.
任何输入都表示赞赏.谢谢!
谢谢!
<style type="text/css"> .content { display: none; } </style> <script type="text/javascript"> $(document).ready(function() { $("#tab a").click(function() { //reset $(".content").hide(); $("#tab .active").removeClass("active"); //act $(this).addClass("active") var id = $(this).closest("li").attr("id").replace("tab",""); $("#content" + id).show(); }); }); </script>
以上是大佬教程为你收集整理的使用jquery更改嵌套内容的div的可见性,onclick全部内容,希望文章能够帮你解决使用jquery更改嵌套内容的div的可见性,onclick所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。