jQuery在Wordpress中反转SlideToggle

Question

我有以下简单的代码：

jQuery( document ).ready(function( $ ) {
    $('.menu ul li:has("ul")').hover(function() {
        $('>ul', this).stop().slideToggle();
    });
});

我使用的是触发jQuery的“无冲突”方式，但由于某种原因，我的幻灯片切换开关在悬停时关闭，而不是打开！ 我究竟做错了什么？ 我敢肯定它很简单，但我看不到它。

可以在此处查看示例http://ng1club.everythingcreative.co.uk

Answer 1

请改用mouseenter和mouseleave 。 有时hover没有第二个功能悬停时，便会触发两次。

    $('.menu ul li:has("ul")').mouseenter(function() {
        $('>ul', this).stop().slideDown();
    }).mouseleave(function() {
        $('>ul', this).stop().slideUp();
    });

Answer 2

根据文档尝试此操作，您可以使用悬停并将效果应用于悬停和悬停

jQuery('.menu ul li:has("ul")').hover(
  function() {
      jQuery('>ul', this).stop().slideDown();
  }, function() {
      jQuery('>ul', this).stop().slideUp();
  }
);

。徘徊（）

样品小提琴