jquery - 第二次点击后做什么？

Question

这是我的下拉菜单代码示例。

    $( document ).ready(function() {
       $('.collapsedArchives ul li').click(function(){
            $('.collapsedArchives ul li ul').slideDown('slow');
       });
       $('.collapsedArchives ul li ul').click(function(){
            $('.collapsedArchives ul li ul li').slideDown('slow');
       });
    });

当用户点击slideDown的选择器第二次点击时，id应该做什么，使用slideUp动画？

谢谢。

Answer 1

jQuery 有 .slideToggle( \[duration \] \[, complete \] )

$('.collapsedArchives ul li').click(function(){
    $(this).find('> ul').slideToggle('slow');
});

现在您可能还想使用event.stopPropagation()取消点击的冒泡

$('.collapsedArchives ul li').click(function(evt){
    evt.stopPropagation();
    $(this).find('> ul').slideToggle('slow');
});