slideToggle JQuery从右向左推动并调整大小

Question

我一直在研究这个jsfiddle http://jsfiddle.net/X5mP3/

$(document).ready(function(){
$('#slide').click(function(){
var hidden = $('.hidden');
if (hidden.hasClass('visible')){
hidden.animate({"width":"0%"}, "slow").removeClass('visible');
} else {
hidden.animate({"width":"18%"}, "slow").addClass('visible');
}
});
});

这个想法是有一个更静态的左栏。静态宽度切换div和中心部分，将在显示面板的单击时调整大小。

有人对此有何想法？

Ĵ

Answer 1

一旦出现侧边栏，您必须删除创建溢出的.left { width: 50%; }。

小提琴：http://jsfiddle.net/X5mP3/27/