Jquery Side Up Down Menu !!当我将子菜单悬停在子菜单中选择链接时，如何停止滑动？ [英] Jquery Side Up Down Menu!! How Can I Stop It Slide Up When I Hover The Sub Menu To Chose A Link In Submenu?

问题描述

大家好，

i建立了这个下拉菜单，我想在我将鼠标悬停在子列表上时停止滑动，喜欢任何下拉菜单，选择/点击子菜单中的内容。

我怎么能这样做？

hello people,
i built this dropdown menu, i want to stop slideUp when i hover the sub list, likes any dropdown menu, to chose/click something in sub menu.
how can i do it plz ?

$(function(){
    $(".sub").hide();
    $("#btnHomeLi").mouseenter(function () {
        $(".sub").slideDown('slow');
    });
    $("#btnHomeLi").mouseleave(function () {
        $(".sub").slideUp('slow');
    });

});

<ul class="ulButtons" id="btnHome">
          <li>
              <button class="btn" id="btnHomeLi">Home</button>
              <button class="btn">Categories</button>
              <button class="btn">About Us</button>
              <button class="btn">Contact</button>
          </li>
          <li>
              <ul class="sub">
                  <li class ="liSubDisplay"> <a href=" #">Consulting Services</a></li>
                  <li class="liSubDisplay"> <a href="#">Investment</a></li>
                  <li class="liSubDisplay"> <a href="#">Property Management</a></li>
                  <li class="liSubDisplay"> <a href="#">Development</a></li>
              </ul>
          </li>
      </ul>

推荐答案

（ function （）{

（ 。sub）。hide（）;

(".sub").hide();

（ ＃btnHomeLi）。mouseenter（福nction （）{

("#btnHomeLi").mouseenter(function () {

这篇关于Jquery Side Up Down Menu !!当我将子菜单悬停在子菜单中选择链接时，如何停止滑动？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！