计算prev()的jquery高度，并将其与current相加或相减

Question

我有一个名为myDiv的css类，当点击缩略图时它会向下滑动：

#myDiv
{
  height:800px;
  margin:0 auto;
  width:100%:
}

当用户单击缩略图时，myDiv将显示为800px高。因为myDiv有多个不同高度的缩略图，例如点击缩略图1会使myDiv高700px，缩略图2高200px，有没有办法使用jQuery动态计算高度？

由于我不精通这种语言，我只能描述场景，所以下面是。。。

jQuery：1.点击1：点击缩略图1，得到myDiv class=700px的高度，向下滑动2.点击2：点击缩略图2时，获取上一类（700px）和当前类（200px）的高度，并相互相减，以确定向上或向下滑动的值（700px-200px=500px）。

有没有办法计算myDiv以前和现在的高度，使其向上或向下滑动到相应的高度？

非常感谢你的帮助。

编辑：CSS和jQuery

#box
{
max-width:1140px;
margin: 0 auto;
display: inline-block;
}
html[xmlns] #portfoliocontainer {
display: block;
}
* html #portfoliocontainer {
height: 1%;
}
#portfoliocontainer:after {
clear: both;
content: ".";
display: block;
height: 0;
line-height: 0;
visibility: hidden;
}

jQuery是：

$('#box').hide();
$('#myDiv').hide();
$('.portfolio-area').click(function(){
$('#myDiv').hide();
$('#box').slideDown('slow');
$('#myDiv').fadeTo('slow',1);
});

Answer 1

我认为您需要的是一个clearfix。你可以清除#portfoliodiv conainer并删除定义的高度，然后一切都很好

http://www.webtoolkit.info/css-clearfix.html

li在公文包中的div是浮动的，这样div就不会得到clearfix将要修复的任何高度，然后高度将是动态的，而不需要定义它。

对于一个简单的测试，添加这个并删除添加高度部分

#portfoliocontainer:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}

您应该创建clearfix类并将其添加到该id