javascript - 单击按钮时的 jQuery 子菜单下拉菜单

Question

我有一个简单的菜单系统，我想添加功能以使子项目在加载时隐藏，直到单击“+”按钮然后子菜单向下滑动。

菜单项是通过 wordpress 生成的，因此如果菜单显示“.has-dropdown”类，我需要添加“+”按钮。到目前为止，我已经整理了以下代码，但它不起作用:

jsfiddle

$( ".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