单击主菜单显示子菜单，主菜单是带链接的锚标记

Question

Hii我想点击主菜单显示子菜单。但问题是主菜单是一个带链接的锚标签，所以当我点击菜单时会出现子菜单，但是由于页面加载，它设置为不显示。我想在页面加载后也显示子菜单。请帮帮我。

这是我的HTML代码

<div class="SideBlockContent">
    <li class="Sidemenulist ">
<a href="http://kintu.goecommerce.com/categories.php?category=Kids">Kids</a>
<ul>
<li class="Sidemenulist ">
<a href="http://kintu.goecommerce.com/categories.php?category=Kids/Accessories">Accessories</a>

<li class="Sidemenulist LastChild">
<a href="http://kintu.goecommerce.com/categories.php?category=Kids/Accessories/Socks">Socks</a>

<li class="Sidemenulist ">
<a href="http://kintu.goecommerce.com/categories.php?category=Kids/Accessories/Socks/Boys">Boys</a>
</li>
</ul>
</div>

脚本代码

$('.Sidemenulist a').click(function(){

            $(this).next('ul').toggle();
        });

Answer 1

您可以将e.preventDefault()用于此

$('.Sidemenulist a').click(function(e){
    e.preventDefault();
    $(this).next('ul').toggle();
});

Demo

修改： -

$('.Sidemenulist a').click(function(e){
 e.preventDefault();
 if($(this).next('ul').length>0)
 {
  $(this).next('ul').toggle();
 }
 else
 {
    window.location.href=$(this).attr('href');
 }
});