首页 > 其他 > 详细

多个点击显示隐藏例子代码

时间:2015-06-07 21:45:58      阅读:274      评论:0      收藏:0      [点我收藏+]

JS如下:


function showoptions(id){

    switch(id) {

    case 0:

        box=$(".neirong0");

        icon=$("#icon0");

        break;

    case 1:

        box=$(".neirong1");

        icon=$("#icon1");

        break;

    case 2:

        box=$(".neirong2");

        icon=$("#icon2");

        break;

     }

            var val = box.css("display");

            if(val == ‘block‘){

                icon.removeClass("icon_up");

                box.css("display","none");

            }else if(val == ‘none‘){

                icon.addClass("icon_up");

                icon.siblings().removeClass("icon_up");

                box.css("display","block");

                box.siblings().css("display","none");

            } 


    

}



HTML如下:

<div>

<div id="icon0"></div>

<div id="icon1"></div>

<div id="icon2"></div>

</div>


<div class="neirong>

<div class="neirong0"></div>

<div class="neirong1"></div>

<div class="neirong2"></div>

</div>

多个点击显示隐藏例子代码

原文:http://10145212.blog.51cto.com/10135212/1659437

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!