jquery slide an element up and down on click

Question

I am trying to slide an element down when another is click and if that link is then clicked again, slide the element back up, is there a cleaner way of doing it than this?

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

Modify according to your specific needs.

Answer 2

Is this what you wanted. http://jqueryui.com/demos/accordion/