多个div独立控制其显示/隐藏

最新推荐文章于 2021-05-31 07:52:46 发布

weixin_30363509

最新推荐文章于 2021-05-31 07:52:46 发布

阅读量224

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/wangjiayi/p/5378804.html

版权

今天要说一个神奇的html标签op，静态页下可以配合jquery分别控制每个层的显示/隐藏切换。

如果用动态中使用，用文章id做区分就可以了。

 1 <html>
 2 <head>
 3 <title>多个div独立控制其显示/隐藏</title>
 4 <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
 5 </head>
 6 <script>
 7 $(document).ready(function(){
 8     $(".dj").click(function(){
 9         var op = $(this).attr("op");
10         $("#list_"+op).toggle();
11     });
12 })
13 </script>
14 <body>
15 <div class="info_tit">展开：<span op="1" class="dj">+</span></div>
16     <div id="list_1" class="info_main" style="display:none">
17         隐藏内容。
18     </div>
19 <hr />
20 <div class="info_tit">展开：<span op="2" class="dj">+</span></div>
21     <div id="list_2" class="info_main" style="display:none">
22         隐藏内容。
23     </div>
24 </body>
25 </html>