有6个div,在同一列,点击第1个div时,第2个div隐藏或显示,点击第3个div时,第4个div隐藏或显示,点击第5个div时,第6个div隐藏或显示,请问大神写这个怎么弄啊!
//这里自己引进自己的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>