jQuery slideUp / slideDown列表

Question

看看这里，了解我想做什么：

http://jsbin.com/uvoruh

$(document).ready(function() {
    $("a.show_child").hover(
        function () {
            $(this).addClass("active");
            $(this).next().show();
        },
        function () {
            $(this).removeClass("active");
            $(this).next().hide();
        }
    );
    $("ul.child").hover(
        function () {
            $(this).prev().addClass("active");
            $(this).show();
        },
        function () {
            $(this).prev().removeClass("active");
            $(this).hide();
        }
    );      
});

有点例证......更多css工作完美！但问题是当我想使用slideUp（）和slideDown（）而不是show（）和hide（）时。

Answer 1

添加停止

    $(document).ready(function () {
    $("a.show_child").hover(function () {
        $(this).addClass("active");
        $(this).stop(true).next().slideDown();
    }, function () {
        $(this).removeClass("active");
        $(this).stop(true).next().slideUp();
    });
    $("ul.child").hover(function () {
        $(this).prev().addClass("active");
        $(this).stop(true).slideDown();
    }, function () {
        $(this).prev().removeClass("active");
        $(this).stop(true).slideUp();
    });
});

http://jsfiddle.net/kAm2h/