2 hxllove50 hxllove50 于 2014.10.24 13:58 提问

用jquery实现显示或者隐藏

有6个div,在同一列,点击第1个div时,第2个div隐藏或显示,点击第3个div时,第4个div隐藏或显示,点击第5个div时,第6个div隐藏或显示,请问大神写这个怎么弄啊!

1个回答

u013489937
u013489937   2014.10.25 16:46

//这里自己引进自己的js文件

function test(obj)
{
    if($(obj).next().length>0)
    {
        $(obj).next().toggle();/**点击一次隐藏,再点击显示*/
                    /**你也可以判断对象的状态 然后 
                     $(obj).hide();
                     $(obj).show();
                   */
    }else
    {
                   //对一个进行操作,在eq里面填0的话是对上一个进行操作
        $(obj).prevAll().eq(4/*6个的时候这里填4 自己算其他的*/).toggle();

    }

}




<div onclick="test(this);">1</div>
<div onclick="test(this);">2</div>
<div onclick="test(this);">3</div>
<div onclick="test(this);">4</div>
<div onclick="test(this);">5</div>
<div onclick="test(this);">6</div>
Csdn user default icon
上传中...
上传图片
插入图片