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
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
jquery实现隐藏和显示实例
jquery实现隐藏和显示实例
jQuery实现菜单的隐藏和显示
首先我们先制作好菜单的大致框架,然后再利用jQuery对菜单的隐藏和显示属性进行判断,如果是隐藏的就显示,如果是显示的就隐藏 我们先用一个ul写出大概的框架ul>li*4这是一个简便的写法按tab键就可以实现如下的效果 <ul> <li></li> <li></li> <li></li> <li></l
jQuery实现图片的隐藏、显示、切换
<html> <head> <meta charset="utf-8"> <title></title> <script src="./jquery-2.2.4.min.js"></script> <script> $(function() { //获取按钮并设置点
利用jquery制作层的隐藏与显示
利用jquery实现层的显示与隐藏效果。
jquery实现多余文字显示或隐藏
jquery实现多余文字显示或隐藏
jQuery实现显示和隐藏功能
一、jQuery的优点  jQuery是在JavaScript上扩展封装的一个功能很强大的库,它大大提高了代码的编写效率,使得我们编写的代码高效简洁。下面我将大概总结一下jQuery的优点: 1、提供了强大的功能函数 2、解决浏览器兼容问题 3、实现丰富的UI 二、通过一个简单的实例了解jQuery   多说无益,我们直接通过一个实例来了解: 大概功能简介:对Hello wor
jQuery实现“分页”的效果,控制div分页显示
现在有多个div,如果完全显示在一个页面里,显得太臃肿。故而需要分页,下面是我用jquery控制每页显示个数的代码,仅供参考测试!   页面布局:   aaaaaa1 aaaaaa2 aaaaaa3 aaaaaa4 aaaaa
jQuery实现元素交替显示隐藏
两种方法使用jQuery实现某个元素的隐藏与显示的交替进行
jquer滚动隐藏显示顶部导航栏
引导固定导航栏 页面向下滚动时隐藏导航栏,向上显示,以及滚动到低部时显示顶部导航。要求ie8以上浏览器.演示地址:http://www.jq22.com/jquery-info469
用jquery实现几个小例子
用jquery实现几个小例子jquery 斑马线效果 打字效果 隐藏显示 登录 活动效果等