toggle 折叠菜单页面跳转问题

Question

function MenEve(id){
var $menu_up = $("#"+id+" a[name='up']");

$menu_up.toggle(function(){
$(this).addClass("la_cur");
$(this).parent("li").css({"height":"100%"})
},function(){
$(this).removeClass("la_cur");
$(this).parent("li").css({"height":"32px"})
});
}
 <ul id="menu" class="menu">
             <li>
                 <a class="updown" name="up" href="http://www.csdn.net">第一级</a>
                    <a href="http://www.csdn.net">子菜单</a>
                    <a>子菜单2</a>
                    <a>子菜单3</a>
                    <a>子菜单4</a>
                </li>
</ul>
怎么可以让第一级也可以跳转页面啊，就是第一个a标签，我现在定义的是用第一个a标签来实现折叠功能，但不能跳转页面，谢谢各位啦

Answer 1

在toggle事件中，判断如果是第一级，就跳转页面，其他级就仅是切换样式。

Answer 2

这个忘了说，我是要跳到iframe里面，  target="iframe"

Answer 3

$menu_up.toggle(function(){
  location = $(this).attr('href');
  $(this).addClass("la_cur");
  $(this).parent("li").css({"height":"100%"});
},function(){
  location = $(this).attr('href');
  $(this).removeClass("la_cur");
  $(this).parent("li").css({"height":"32px"});
});
没想到好方法，这样改试试

Answer 4

 谢谢帮忙，但我要的效果是点击左边折叠菜单，然后页面跳到右边的iframe里， <ul id="menu" class="menu">
                <li>
                    <a class="updown" name="up" href="http://www.csdn.net" target="iframe">第一级</a>
                    <a href="http://www.csdn.net" target="iframe">子菜单</a>
                    <a>子菜单2</a>
                    <a>子菜单3</a>
                    <a>子菜单4</a>
                </li>
</ul>

Answer 5

location = $(this).attr('href');
改下不就行了，思路就是这样$('#iframeId').attr('src', $(this).attr('href'));