Question

我有一个简单的菜单系统，我想添加功能，使子项隐藏起来，直到＆＃39; +＆＃39;单击按钮，然后子菜单向下滑动。

菜单项是通过wordpress生成的，所以我需要添加＆＃39; +＆＃39;按钮，如果菜单显示班级＆＃39; .has-dropdown＆＃39;。到目前为止，我已将以下代码放在一起，但它无法正常工作：

$( ".clicktodrop" ).insertAfter( ".has-dropdown" );

$(function() {
   $(".clicktodrop").hover(function() {
       $(this).children("ul.dropdown").slideDown(200);
   }, function() {
       $(this).children("ul.dropdown").slideUp(200);
   });
});

如果上面的解释没有意义，希望jsfiddle能告诉你我想要实现的目标！有谁能看到如何使这项工作？

Answer 1

$(function() {
    $(".clicktodrop").hover(function() {
        $(this).next(".dropdown").slideDown(200);
    }, function() {
        $(this).next(".dropdown").slideUp(200);
    });
});

Fiddle

Answer 2

使用next()代替children：

$(this).children("ul.dropdown")

应改为

$(this).next("ul.dropdown")

单击按钮时的jQuery子菜单下拉列表

2 个答案: