Html
    Css
    Js

    
                        
.hide {
	display:none;
}
.faq-box {
	width:1120px;
	margin:5px 0 10px 0;
	position:relative;
	cursor:pointer;
	font-size:15px;
}
.faq-box .text-box {
	line-height:60px;
	background-color:#ebebeb;
	border-radius:5px;
}
.faq-box .text-box .title2 {
	margin-left:15px;
}
.faq-box .text-box .icon-add {
	position:absolute;
	top:20px;
	right:20px;
	width:20px;
	height:20px;
	background:url(Style/Images/icon_add.jpg) no-repeat;
}
.faq-box .text-box .icon-jian {
	position:absolute;
	top:30px;
	right:20px;
	width:20px;
	height:4px;
	background:url(Style/Images/icon_jian.jpg) no-repeat;
}
.faq-box .nr {
	padding:15px 10px 10px 10px;
}
.faq-box .nr span {
	font-size:14px;
	color:#afafaf;
	padding-top:5px;
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.9.1
 立即下载

jQuery隐藏内容或显示内容

6
      那个~哪个?那个!0
      2018/4/2 15:52:56
      在不在
          那个~哪个?那个!0
          2018/4/2 15:54:34
          可不可以加个删除功能

      回复
      一缕阳光0
      2017/4/12 9:50:49
      $('.text-box').click(function(){
      $(this).next('.nr').slideToggle(500);
            $(this).parent('.faq-box').siblings().find('.nr').slideUp();
      })
      回复
      恬恬~0
      2017/3/13 11:29:55

      我觉得点击一个展开,点击另一个其余的应该合上更好。

          njing0
          2017/3/29 14:05:37
          你说的是手风琴那种效果吧
          一缕阳光0
          2017/4/12 9:51:30
          $('.text-box').click(function(){
          $(this).next('.nr').slideToggle(500);
                $(this).parent('.faq-box').siblings().find('.nr').slideUp();
          })
      回复