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();
  }
);

。徘徊（）

樣品小提琴