javascript - 停止下拉菜单的闪烁效果

Question

如何停止菜单上的“闪烁”效果？

当我点击“下拉菜单 1”时，测试 1 和 测试 2 闪烁。我相信这是因为我使用 !important 子句强制执行此操作。

帮忙吗？

  $(document).ready(function($) {
    $('.inline').find('.navtoggle').click(function(){

      //Expand or collapse this panel
      $(this).next().slideToggle('fast');

      //Hide the other panels
      $(".sub-menu").not($(this).next()).slideUp('fast');

    });
  });

http://jsfiddle.net/4dm318nn/1/

Answer 1

您不应该在您的 CSS 中强加可见性。应该这样做:

$(this).next('ul').slideToggle();
$(this).closest('li').siblings().children('ul').slideUp();

Demo

---

CSS 调整显示子子菜单:

.primary-item > .sub-menu {
    display: none;
}