Question

我目前有一个大型菜单，目前是一个点击事件，显示div名为＆＃34; .mega__drop＆＃34;。单击li（主菜单链接，例如＆＃34;关于我们＆＃34;）时会触发。

点击功能可以实现一种享受，虽然它的mouseover会快速闪烁，因为它由li触发，并且此li标记的内容嵌套在里面。我不太确定从哪里开始。任何帮助将非常感激。

我也希望这样做＆＃34; 点击并按住＆＃34;在 ipad 上显示 mega__drop 。

$menu = $(".main");
$mega = $(".mega__drop");
$menu.find('li').on('click', function(evt) {
    var $this = $(evt.currentTarget);
    if ($this.find($mega).hasClass('hidden')) {
        $menu.find('.mega__drop').addClass("hidden");
        $this.find('.mega__drop').removeClass("hidden");
    } else {
        $this.find('.mega__drop').addClass("hidden");
    }
});

HTML：

<ul class="main">
          <li>
            <a href="#">About</a>
            <div class="mega__drop hidden">
              <div class="grid__row">
                <div class="grid__col--6">
                  <h2>About</h2>
                  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. A quaerat, molestiae quae, eaque inventore, sunt adipisci iure voluptas sit eos reiciendis omnis voluptates nesciunt nemo illum culpa exercitationem suscipit impedit.</p>
                  <a href="#">Discover this sections</a>
                </div>
              </div>
            </div>
          </li>
</ul>

巨型菜单上闪烁的Li标签

0 个答案: