当下拉菜单中的子菜单处于活动状态时，如何停止滑动？

Question

如何在下拉子菜单处于活动状态时停止向上滑动。单击子菜单时，下拉菜单会向上滑动，而不是我需要停止向上滑动并保持子菜单的活动状态。有人可以帮我解决这个问题吗？这是用于此的 HTML 和 js 代码

<div class="sidebar-menu">

        <ul>

         <li <?php if($this->uri->segment(1)=="cc"){echo 'class="active"';}?> >

             <a href="#">Create Contract</a></li>

          <li class="sidebar-dropdown">

            <a href="#">

             Create Master Data

            </a>

            <div class="sidebar-submenu">

              <ul id="submenu" class=" treeview-menu nav navbar-nav side-nav">

                <li>

                  <a href="#" <?php if($this->uri->segment(2)=="city"){echo 'class="active"';}?> >City</a>

                </li>

                <li>

                  <a href="#" <?php if($this->uri->segment(2)=="business"){echo 'class="active"';}?> >Line of business</a>

                </li>

              </ul>

            </div>

         </li>    

 $(".sidebar-dropdown > a").click(function(e) {

  $(".sidebar-submenu").slideUp(200);

  if (

    $(this)

      .parent()

      .hasClass("active")

  ) {

    $(".sidebar-dropdown").removeClass("active");

    $(this)

      .parent()

      .removeClass("active");

  } else {

    $(".sidebar-dropdown").addClass("active");

    $(this)

      .next(".sidebar-submenu")

      .slideDown(200);

    $(this)

      .parent()

      .addClass("active");

  }

});