点击下拉菜单如何实现？

一段示例，我把下拉菜单定义了个.dropdown的类

if($(".dropdown").length!=0){
    $(".dropdown").each(function(e){
        var dropdown_menu = $(this).find('.dropdown_menu');
        $(this).click(function(){
            dropdown_menu.slideToggle();
        });

        $(document).mouseup(function(e) {
            if (dropdown_menu.is(":visible") && $(e.target).parents('.dropdown').length == 0) {
                dropdown_menu.slideUp();
            }
        });
    });
}

我还是补上HTML结构吧

<div class="dropdown">
    <span>下拉菜单</span>
    <ul class="dropdown_menu">
        <li></li>
        <li></li>
        <li></li>
    </div>
</div>

CSS就不用了吧，自己发挥想象力