Jquery SlideUp 不工作

Question

单击 div 对象时，slideUp 不起作用。

Jquery 代码:

$('#show-about-btn').click(function() {
    $('#show-about-btn').html("▼");
    if($('.menu-nav').css('display')=='none') {
        $('.menu-nav').slideDown("fast").show();
    } else {
        $('.menu-nav').slideUp().hide();
        $('#show-about-btn').html("▲");
    }
});

完整代码在这里:Jsfiddle

Answer 1

当您使用 .slideDown() 和 时，不需要 .show() 和 .hide()。 SlideUp().

$('#show-about-btn').click(function() {
    $('#show-about-btn').html("▼");
    if($('.menu-nav').css('display')=='none') {
        $('.menu-nav').slideDown();
    } else {
        $('.menu-nav').slideUp();
        $('#show-about-btn').html("▲");
    }
});

已修复 fiddle .