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>