簡單jQuery 實現手風琴菜單

css代碼 如下：

	*{
	margin: 0;
	padding: 0;
}
	#accordion{
	width: 500px;
}
	#accordion>div>p{
		width: 500px;
		text-align: center;
		border: 1px solid #ccc;
	}
	#accordion>div>p>img{
	width: 500px;
	height: 190px;
}	
	#accordion>div>div{
		width: 500px;
		background: url("ss3.jpg") no-repeat; 
		background-size: 100%; 
		text-align: center;
		line-height: 80px;
		display: none;
		border:0.5px solid #ccc;

	}
<div id="accordion">
	<div>
		<p>
			<img src="wrs5.jpg">
		</p>
			<div>不要皺眉,即使在傷心的時刻,因為你從不知道有誰會醉心於你的笑容</div>
			<div>千萬別說直到永遠，因為你壓根不知道永遠有多遠。</div>
	</div>
	<div>
		<p>
			<img src="wrs2.jpg">
		</p>
			<div>你要努力，別因為生活，把自己變成一個low逼</div>
			<div>過去的靠現在忘記，將來的靠現在努力，現在才最重要。</div>
	</div>	
	<div>
		<p>
			<img src="wrs3.jpg">
		</p>
			<div>如果放棄太早，你永遠都不知道自己會錯過什么。</div>
			<div>做一個有腦子的,別讓說起你的人,只記得你是個沒用的廢人</div>
	</div>
		
		
		
	
		
</div>

jQuery代碼（雖然看着不習慣，但比js少很多哦！）如下：

<script src="jquery.min.js" type="text/javascript" charset="utf-8"></script>

<script type="text/javascript">
/*$(document).ready(function(){
	alert("hello jquery");
});

$(function(){
	alert("hello jquery1");
});
window.onload=function(){
	alert("hehe");
};*/
$("#accordion>div>p").click(function(){

	$(this).nextAll().slideDown().end().parent().siblings().children("div").hide();
});


</script>

！一個做前端的妹子。

！喜歡挑戰一切不可能。

！歡迎來騷擾。

！嚶嚶嚶。