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

时间:2015-06-07 21:45:58   收藏:0   阅读:275

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
© 2014 bubuko.com 版权所有 - 联系我们:wmxa8@hotmail.com
打开技术之扣,分享程序人生!