<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
$(function(){
var curr='';
$('#menu h2').click(function(){
if($(this).attr('id') != curr){ // 是否由展開
$('#menu ul').slideUp(); // 全部關上
$(this).next().slideDown(1000); // 點的往下開
curr = $(this).attr('id'); // 將目前ID存入Tag
}else{
$(this).next().slideUp(300);
curr='';
}
}).css("cursor","pointer");
$('#menu h2').eq(1).click(); // 預設開啟哪一個
});
</script>
<ul id="menu">
<li>
<h2 id="menu1">AAAA</h2>
<ul>
<li><a href="a.php" >aaaa</a></li>
</ul>
</li>
<li>
<h2 id="menu2">BBBB</h2>
<ul>
<li><a href="b.php">bbbb</a></li>
</ul>
</li>
</ul>