hxllove50 2014-10-24 05:58 采纳率: 0%
浏览 2346

用jquery实现显示或者隐藏

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

  • 写回答

1条回答 默认 最新

  • 不死恶魔 2014-10-25 08: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>
    
    评论

报告相同问题?

悬赏问题

  • ¥20 有关区间dp的问题求解
  • ¥15 多电路系统共用电源的串扰问题
  • ¥15 slam rangenet++配置
  • ¥15 有没有研究水声通信方面的帮我改俩matlab代码
  • ¥15 对于相关问题的求解与代码
  • ¥15 ubuntu子系统密码忘记
  • ¥15 信号傅里叶变换在matlab上遇到的小问题请求帮助
  • ¥15 保护模式-系统加载-段寄存器
  • ¥15 电脑桌面设定一个区域禁止鼠标操作
  • ¥15 求NPF226060磁芯的详细资料