Javascript 如何更改不同div的高度

我需要在单击#切片1时增加高度#post1并减少post2和post3的高度。 单击#slice2时，post1必须减小，post2必须增大；单击slide3时，post3必须增大，post2必须减小

Slice1,2,3是另一个div，位于#post1,2,3之外。

---

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

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

更新：

好吧，现在我想我知道你在找什么了。 看看这个

---

您可能希望切换类，而不是直接设置高度动画：

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

其中CSS类是：

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

---

#Slice1是另一个div，位于#post1的外侧

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