js按钮点击展开收起

$('.tab').click(function(){

	var index = $('.tab').index(this),  //缓存第一次点击的li的索引值

		ele = $(this).find('.ind');

	$('.tab').each(function(i){

			if(i != index){   //缓存索引值不等于他本身的索引值
$(this).find('.ind').hide();
} }); if(ele.is(':hidden')){
ele.show();
}else{
ele.hide();
} }); // $(".tab").click(function(){ // var index = $('.tab').index(this), // ele = $(this).find('.ind'); // $(".tab").each(function(i){ // if( i != index){ // $(this).children(".ind").removeClass("cur"); // } // }); // if($(this).children(".ind").hasClass("cur")){
// $(this).children(".ind").removeClass("cur");
// }else{
// $(this).children(".ind").addClass("cur");
// } // })

  html

<ul class="rank">
<li class="first1 tab" id="tab2"><p class="list"><span>双线15区</span><i>不醉</i><em></em></p>
<div class="ind" id="ind2">
<p><code>入选理由</code><strong>布衣非凡人,然万事低调</strong></p> <p><code>七夜评</code><strong>不醉,算是一个玩家群都比较熟悉的玩家,游戏的骨灰级,操作级选手。<br>热爱游戏,从游戏中寻找快乐,从游戏中找寻兄弟!游戏之殇,不外乎今非昔比,朝花夕拾!<br>不醉,如今已经物是人非,几经转手,然,兄弟们依旧在等你!</strong></p>
</div>
<li class="second2 tab"><p class="list"><span>虚位以待</span><i>虚位以待</i><em></em></p>
<div class="ind">
<p><code>入选理由</code><strong>2144平台首位圣主宰装备集大成者<br>“风云争霸天下”称号首位获得者</strong></p>
<p><code>七夜评</code><strong>敢为天下先,誓做真英雄<br>XX是一个低调又奢侈的人,他不在意别人的风言风语,只为自己和兄弟能开心的游戏;有人说,这么好的装备干嘛不抢boss,他说:侠之大者,有可为,有不为。其实,他放眼的是全平台!<br>“我是要成为斗帝的男人”,加油,谜一样的男人!</strong></p>
</div>
<li class="third2"><p class="list"><span>虚位以待</span><i>虚位以待</i><em></em></p>
<div class="ind">
<p><code>入选理由</code><strong>2144平台首位圣主宰装备集大成者<br>“风云争霸天下”称号首位获得者</strong></p>
<p><code>七夜评</code><strong>敢为天下先,誓做真英雄<br>XX是一个低调又奢侈的人,他不在意别人的风言风语,只为自己和兄弟能开心的游戏;有人说,这么好的装备干嘛不抢boss,他说:侠之大者,有可为,有不为。其实,他放眼的是全平台!<br>“我是要成为斗帝的男人”,加油,谜一样的男人!</strong></p>
</div>
</ul>

  

上一篇:chrome断点调试&&其他技巧


下一篇:第三章· Redis消息队列