Javascript 统一设置所有div的高度

我有一个下拉菜单，里面有向上滑动和向下滑动动画

当下拉菜单打开时，div的高度为

124px

，否则为

20px

。我还有另一个div，当设置div下拉列表高度的动画时，它的高度应该等于第一个div的高度

我正在使用jQuery1.11.0

这是我的密码：

$( ".dropdown" ).hide();
$('.title').on('click', function(){
  var element = $(".dropdown");
  if (element.hasClass('open')) {
    element.removeClass('open');
    element.slideUp();
  }
  else {
    element.addClass('open');
    element.slideDown();
  }
});

我能做什么

编辑： 我只希望两个div的高度始终相同

当

div1

height正在更改时，js/jQuery应该将相同的高度设置为

div2

$（“.dropdown”）.hide（）；
$（'.title'）。在（'click'，function（）上{
变量元素=$（“.dropdown”）；
if（element.hasClass（'open'））{
元素。removeClass（“打开”）；
元素slideUp（）；
}否则{
元素addClass（'open'）；
元素。slideDown（）；
}
});
.d1{
边框：1px实心#333；
}
.d2{
边框：1px实心#333；
}
.头衔{
光标：指针；
}

标题（单击此处）

aaaa
aaaa
aaaa
aaaa



受害者
这非常适合您：

var slideDown = $("#d1").height();
$( ".dropdown" ).hide();
var slideUp = $("#d1").height();
$('.title').on('click', function(){
  var element = $(".dropdown");
  if (element.hasClass('open')) {
    element.removeClass('open');

    element.slideUp(400, function(){});
    $("#d2").animate({height:  slideUp}, 500);

  }
  else {
    element.addClass('open');
    element.slideDown(400, function(){});
    $("#d2").animate({height:  slideDown}, 500);

  }
});

您希望第二个div也有一个下拉列表，是吗？@Ani请第二次查看问题。两个div的高度均为
20px
。检查小提琴。是的，两个div的高度都是20px。我想，当第1节的高度延伸时，在相同的时间和相同的动画下，第2节将延伸。但是，不是下拉列表。第二部分将是空白的，除了文本“受害者”（我试图理解你，我不需要第一部分的任何内容。只需要通过动画扩展高度）。我认为@Rohit已经提供了工作代码。提供了工作代码。这个不起作用，也没有解释。谢谢@Rohit的回答。除了动画之外，它的工作方式和我想要的一样。我希望动画在第二季像第一季一样。谢谢@Rohit为你的努力。一切都好。除了第二部，s动画发生在第一部之后，s动画完成。我同时需要这两部。它们看起来应该是同时扩展和同时崩溃的。@Shohidul，我有更新代码，这是您需要的完美工作方式。：）
var slideDown = $("#d1").height();
$( ".dropdown" ).hide();
var slideUp = $("#d1").height();
$('.title').on('click', function(){
  var element = $(".dropdown");
  if (element.hasClass('open')) {
    element.removeClass('open');

    element.slideUp(400, function(){});
    $("#d2").animate({height:  slideUp}, 500);

  }
  else {
    element.addClass('open');
    element.slideDown(400, function(){});
    $("#d2").animate({height:  slideDown}, 500);

  }
});