如何改变不同Div的高度

Question

当我点击＃slice1时，我需要增加高度＃post1并减少post2和post3的高度。 当我点击＃slice2时，post1必须减少，post2必须增加，当我点击slide3时，post3必须增加，post2必须减少。

Slice1,2,3是另一个div，它位于＃post1,2,3。

之外

 $("#slice1").toggle(function(){
     $('#post1').animate({height:650},1000);
 },function(){
     $('#post1').animate({height:230},1000);
 },function(){
     $('#post2, #post3').animate({height:230},1000);
 });

Answer 1

我认为你正在寻找这样的东西：

$("#slice1").click(function(){
     $('#post1').animate({height:650},1000);
      $('#post1').animate({height:230},1000);
      $('#post2, #post3').animate({height:230},1000);
 });

更新：

好的，我想我知道你在找什么。 看看这个

http://jsfiddle.net/mV353/

Answer 2

您可能希望切换类：

，而不是直接设置高度动画

$("#slice1").click(function(){
     $('#post1').toggleClass('open650');
     $('#post2, #post3').toggleClass('open230');
});

CSS类的位置是：

.open650 { height: 650px; }
.open230 { height: 230px; }