Javascript Jquery动画帮助
是否可以同时设置两个div宽度的动画（一个增加，一个减少），以便父容器的总宽度保持完全相同 例如，一个容器div包含5个子div。容器分区的宽度为1000px，其中4个子分区的宽度为150px，另一个子分区的宽度为400px。我想能够动画的400px div下降到150px和一个150px div上升到400px 我遇到的问题是，当动画完成时，父容器会收缩和扩展，而且这种情况很明显 我不是在寻找一个插件或任何东西，只是一些关于实现这一点的最佳方法的建议 非常感谢您的帮助 编辑： 主要的问题是，动画右侧的每个div都会被拉到左侧，然后在完成后发送回 这是我正在使用的代码Javascript Jquery动画帮助,javascript,jquery,Javascript,Jquery,是否可以同时设置两个div宽度的动画（一个增加，一个减少），以便父容器的总宽度保持完全相同 例如，一个容器div包含5个子div。容器分区的宽度为1000px，其中4个子分区的宽度为150px，另一个子分区的宽度为400px。我想能够动画的400px div下降到150px和一个150px div上升到400px 我遇到的问题是，当动画完成时，父容器会收缩和扩展，而且这种情况很明显 我不是在寻找一个插件或任何东西，只是一些关于实现这一点的最佳方法的建议 非常感谢您的帮助 编辑： 主要的问题是，动
<style type='text/css'>
.panel-wrapper {
width: 954px;
height: 372px;
background-color: #fff;
position: relative;
overflow: hidden;
}
.panel-wrapper .panel {
margin-right: 1px;
height: 100%;
width: 64px;
float: left;
background-color: #cacaca;
}
#home-panel {
width: 359px;
}
.panel.last {
margin-right: 0;
}
</style>
<script type='text/javascript'>
//<![CDATA[
jQuery(document).ready(function() {
jQuery('.panel').mouseenter(function() {
jQuery('.panel-wrapper .open').stop().animate({width:"64px"},400, 'linear');
jQuery('.panel-wrapper .open').removeClass('open');
jQuery(this).addClass('open');
jQuery(this).stop().animate({width:"359px"},400, 'linear');
});
});
//]]>
</script>
<div class='panel-wrapper'>
<div id='home-panel' class='panel open'>
</div>
<div class='panel'>
</div>
<div class='panel'>
</div>
<div class='panel'>
</div>
<div class='panel'>
</div>
<div class='panel'>
</div>
<div class='panel'>
</div>
<div class='panel last'>
</div>
</div>
.面板包装{
宽度：954px；
身高：372px；
背景色：#fff；
位置：相对位置；
溢出：隐藏；
}
.面板包装器.面板{
右边距：1px；
身高：100%；
宽度：64px；
浮动：左；
背景色：#cacaca；
}
#主面板{
宽度：359px；
}
.最后{
右边距：0；
}
//