動畫和展開div

這是我的問題：我想隱藏一個按鈕後面的內容，然後當按鈕被按下時，我希望內容包裝可以水平和垂直展開以顯示隱藏的內容。我已經想出如何垂直動畫div，但水平地遇到問題。我希望內容包裝從開始的300px寬擴展到後來的900px。動畫和展開div

JavaScript的保持件被分配到面板

$(document).ready(function(){ 
$(".btn-slide").click(function(){ 
$('#panel').animate({ 
opacity: 0.25, 
height: 'toggle', 
}, 1000, function() { 
// Animation complete. 
});}); 
});

欲包裝寬度擴大從300到900px。目前，包裝器正確地展開垂直，但寬度不。包裝CSS設置爲：

#wrapper { 
width: 300px; 
margin: 0 auto; 
margin-top: 40px; 
background-color:#FFF; 
border-radius: 42px; 
-moz-border-radius:42px; 
padding:30px; 
-webkit-box-shadow: 0 0 10px #000; 
}

感謝您的任何建議。

來源

2011-11-11 Nick B

您需要將width: 900添加到動畫屬性列表。

來源

2011-11-11 01:25:29 SLaks

SLaks：謝謝，但添加寬度：900下的高度：「切換」並沒有解決我的問題 –

也許我需要附加寬度：900到包裝div？如果是這樣，我該如何添加正確的語法？ –

您只需要一個屬性就可以單獨調用該元素上的'animate'。 – SLaks

如果你想擴展的div你可以做

$("#div").css('width', '900');

來源

2012-03-27 05:11:23

動畫和展開div

回答

相關問題