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

标签：多个 点击 显示 隐藏

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