jquery 点击链接跳转问题

Question

 <div class="menu">
<ul>
    <li>列表</li>
    <li>报表</li>
</ul>
</div>
<div class="subMenu">
<ul>
    <li><a href="http://www.baidu.com">综合列表</a></li>
    <li><a href="http://www.360.com">子列表</a></li>
</ul>
<ul>
    <li><a href="http://mail.qq.com">综合报表</a></li>
    <li><a href="http://www.qq.com">子报表</a></li>
</ul>
</div>
<div class="main"></div>
$(function(){
$(".menu ul li").click(function(){
var index=$(".menu ul li").index(this);
$(".subMenu>ul").eq(index).show().siblings().hide();
});

目前是点击menu里面的li切换subMenu里面的ul，同时在main里面加载subMenu里面的ul下的第一个li里的a的href链接

抱歉没有分了
在线等

Answer 1

 $(function(){
$(".menu ul li").click(function(){
var index=$(".menu ul li").index(this);
$(".subMenu>ul").eq(index).show().siblings().hide();
$('div.main').load($(".subMenu>ul").eq(index).find('a:first').attr('href')))////////
});