Вот моя проблема: я хочу скрыть содержимое за кнопкой, затем, когда кнопка нажата, я хочу, чтобы оболочка содержимого расширялась по горизонтали и вертикали, чтобы показать скрытое содержимое. Я понял, как оживить div по вертикали, но по горизонтали у меня проблемы. Я хочу, чтобы оболочка для контента расширялась с 300 пикселей в начале до 900 пикселей в ширину позже.
Держатель javascript назначен на панель
$(document).ready(function(){
$(".btn-slide").click(function(){
$('#panel').animate({
opacity: 0.25,
height: 'toggle',
}, 1000, function() {
// Animation complete.
});});
});
Я хочу, чтобы ширина обёртки увеличилась с 300 до 900 пикселей. В настоящее время оболочка правильно расширяется по вертикали, а ширина - нет. Обёртка 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;
}
Спасибо за любые предложения.