以下代码完美地完成了它应该做的事情,但是我需要在.boxy
添加的可变高度之上向包含元素添加 30% 的高度。
我已经尝试寻找在等式中添加百分比的方法,但到目前为止,我只是找到了模糊的答案或不适用的方法。
$(".exPand a").click(function (event) {
event.preventDefault();
var postHeight = $(this).closest('.boxy').find('.articleImageThumb').height();
var excHeight = $(this).closest('.boxy').find('.initialPostLoad').height();
$(this).closest('.boxy').animate({height: postHeight+excHeight}, 1000);
});
实时输出:
<div class="boxy">
<div class="boxGrad"></div>
<div class="postmetadata"></div>
<div class="articleTitle"></div>
<div class="rightCtrls"></div>
<div class="ajaxBoxLoadSource"></div>
<div class="articleImageThumb"></div>
<div class="initialPostLoad"></div>
</div>