Jquery幻灯片横幅开始关闭

Question

我正在尝试在页面底部添加滑动横幅，但横幅开始打开而不是关闭。我怎样才能让它开始接近？

JsFiddle here

$(function() {
    var open = false;
    $('#footerSlideButton').click(function() {
        if(open === false) {
            $('#footerSlideContent').animate({ height: '300px' });
            $(this).css('backgroundPosition', 'bottom left');
            open = true;
        } else {
            $('#footerSlideContent').animate({ height: '0px' });
            $(this).css('backgroundPosition', 'top left');
            open = false;
        }
    });        
});

Answer 1

<div id="footerSlideContent" style="height: 300px;">

你有内联样式，它会覆盖你的css规则。删除它。