jquery在点击时上下滑动元素

Question

我试图在点击另一个元素时向下滑动一个元素，如果再次单击该链接，则将元素向上滑动，是否有比这更清晰的方法？

$("#dropdown, #dropdown span, #dropdown dt a").click(function(event) {
            $("#dropdown dd").slideDown(defaults.speed);
            $("#dropdown").addClass('drop_down_open');
            event.preventDefault();
        });

        $(".drop_down_open, .drop_down_open span, .drop_down_open dt a").click(function(event) {
            console.log("hello");
            $("#dropdown dd").slideUp(defaults.speed);
            event.preventDefault();
        });

Answer 1

$("#anElement").click(function(e) { 
    var theItem = $("#dropdown dd");
    if (theItem.css("display") == none) {
        theItem.slideDown(defaults.speed);
    }
    else {
        theItem.slideUp(defaults.speed);
    }
    e.preventDefault();
});

根据您的具体需求进行修改。

Answer 2

这是你想要的吗？ http://jqueryui.com/demos/accordion/