Question

我喜欢这个 HTML

<li class="megamenu-less">
    <a href="#" class="home-link sf-with-ul">Menu</a>
    <ul class="dropdown" style="display: none;">
        <li>1</li>
        <li>2</li>
    </ul>
</li>

当我悬停在 li.megamenu-less 时，我只是在 .dropdown 上显示：阻止，这样我的菜单就会悬停以显示下拉列表，但我需要别的什么。

我需要点击 .megamenu-less ，然后显示下拉列表，但问题是我在菜单中有很多元素，我只需要更改css的下拉列表，另外，我需要检查菜单是否已打开，并且单击以显示块或无基于打开

我已经使用了一些工作方式，现在我需要覆盖它：（

Answer 1

我希望这会对你有所帮助。

要点击打开/显示下拉列表，您可以：

禁用（stopPropagation）：mouseenter mouseout
点击

$("#yourmenu").superfish({
    delay: 100,
    animation: {
        opacity: 'show',
        height: 'show'
    },
    speed: 'normal',
    cssArrows: false
});
$('.sf-with-ul').on('mouseenter mouseout', function(e) {
    e.stopPropagation();
})
$('.sf-with-ul').on('click', function (e) {
    $(".dropdown").toggle(!$(".dropdown").is(':visible'));
})

检查元素是否具有样式并添加或删除jquery

1 个答案: