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>