二级导航菜单问题

想实现点击了哪个项目，导航就展开哪个项目。
好像我点击了电热水器下面的项目，就会转到新页面，新页面导航打开的是电热水器。页面代码<div style="padding-bottom:10px">
        <div id="left_banner" >
        <ul id="menu">
<li>
<a href="#" id="m1">厨卫产品</a>
<ul>
    <asp:Repeater ID="chuwei_rp" runat="Server">
        <ItemTemplate>
            <li><a href="Productlist.aspx?clsid=<%#Eval("id") %>"><%#Eval("clsname") %></a></li>
        </ItemTemplate>
    </asp:Repeater>
</ul>
</li>
<li>
<a href="#" id="m2">电热水器</a>
<ul>
    <asp:Repeater ID="dianre_rp" runat="Server">
        <ItemTemplate>
            <li><a href="Productlist.aspx?clsid=<%#Eval("id") %>"><%#Eval("clsname") %></a></li>
        </ItemTemplate>
    </asp:Repeater>
</ul>
</li>
<li><a href="Productlist.aspx?clsid=0">新品推荐</a></li>
</ul>
     </div>
</div>
JS代码
function initMenu() {
  $('#menu ul').hide();
  $('#menu ul:first').show();
  //$('#m1').css("background-image","url('../resource/images/left_banner_on.jpg')");
    
  $('#menu li a').click(
    function() {
    
    $('#menu li a').css("color","#000000");
    $(this).css("color","#DB6007");
    
      var checkElement = $(this).next();
    //重复按
      if((checkElement.is('ul')) && (checkElement.is(':visible'))) {
        return false;
        }
       //第一次按
      if((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
        $('#menu ul:visible').slideUp('normal');
        checkElement.slideDown('normal');
        return false;
        }}
    );
        
  }
$(document).ready(function() {initMenu();});