HTML部分<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>菜单</title>
<script type="text/javascript" src="jquery-1.3.2.js"></script>
<script type="text/javascript" src="select.js"></script>
<style type="text/css">
*{padding:0px;margin:0px;}
ul{list-style:none}
a{text-decoration:none;}
.main{color:#FFF; background-image: url(images/title.gif); background-repeat: repeat-x; width:150px;}
.main a{color:#FFF;}
.main ul li a{color:#000;}
.main ul{display:none;}
</style>
</head><body>
<ul>
<li class="main"><a href="#">主菜单一</a>
<ul>
<li><a href="#">second_menu1</a></li>
<li><a href="#">second_menu2</a></li>
<li><a href="#">second_menu3</a></li>
<li><a href="#">second_menu4</a></li>
</ul>
</li>
<li class="main"><a href="#">主菜单二</a>
<ul>
<li><a href="#">second_menu5</a></li>
<li><a href="#">second_menu6</a></li>
<li><a href="#">second_menu7</a></li>
<li><a href="#">second_menu8</a></li>
</ul>
</li>
<li class="main"><a href="#">主菜单三</a>
<ul>
<li><a href="#">second_menu9</a></li>
<li><a href="#">second_menu10</a></li>
<li><a href="#">second_menu11</a></li>
<li><a href="#">second_menu12</a></li>
</ul>
</li>

</ul></body>
</html>Jquery部分$(document).ready(function(){
$(".main>a").click(function(){
$(this).next("ul").slideToggle();
});    
});
请问如何修改,使得点击一个主菜单的时候其他主菜单会自动缩回去?