动画和扩展div

Question

这是我的问题：我想隐藏按钮后面的内容，然后当按下按钮时，我希望内容包装器水平和垂直扩展以显示隐藏的内容。我已经想出如何垂直动画div，但水平上有问题。我希望内容包装器从开始时的300px宽扩展到900 px宽。

javascript持有者被分配到面板

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

我希望包装器宽度从300px扩展到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;
}

感谢您的任何建议。

Answer 1

您需要将width: 900添加到动画属性列表中。

Answer 2

如果你想扩展div，你可以做

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