jquery slide banner start close

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規則。刪除。