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>
    
    评论

报告相同问题?

悬赏问题

  • ¥15 Arduino无法同时连接多个hx711模块,如何解决?
  • ¥50 需求一个up主付费课程
  • ¥20 模型在y分布之外的数据上预测能力不好如何解决
  • ¥15 processing提取音乐节奏
  • ¥15 gg加速器加速游戏时,提示不是x86架构
  • ¥15 python按要求编写程序
  • ¥15 Python输入字符串转化为列表排序具体见图,严格按照输入
  • ¥20 XP系统在重新启动后进不去桌面,一直黑屏。
  • ¥15 opencv图像处理,需要四个处理结果图
  • ¥15 无线移动边缘计算系统中的系统模型