Javascript单元素下拉菜单

Question

我对 javascript 相当陌生，并且一直在尝试了解如何使代码中的每个元素在单击时下拉。

乍一看我以为我需要添加 $(this)。对于每个事件，但刷新我的页面不会影响行为，所有 div 将继续在单击时向下动画。

这是脚本

        function slideDiv(elem) {

        if ($(".slidePanel").is(":visible")) {

            $(".contentFade").animate(
                {
                    opacity: "0"
                },

                600,

                function(){
                    $(".slidePanel").slideUp();
                }
            );
        }
        else {
            $(".slidePanel").slideDown(600, function(){
                $(".contentFade").animate(
                    {
                        opacity: "1"
                    },
                    600
                );
            });
        }   
    }

我已在此处上传当前代码 http://jsfiddle.net/alexmk92/z59p8/所以你明白了我试图传达的问题......

有人能指出我如何解决这个问题的正确方向吗？

Answer 1

所有这些答案都过于复杂......

$('a').click(function() {
    $(this).next().slideToggle(400, function() {
        $(this).children('.contentFade').animate({opacity:'1'},400);
    });
})

我建议向您的 a 标签添加一个需要执行此操作的类，例如 class="toggle"