Question

当选中复选标记时，我目前有一个fadein / out of hidden div。我还想增加相应的div高度，然后在取消选中复选标记后删除相同的高度。这是我当前代码的一些片段：

<script type="text/javascript">
$('.checkTax').change(function() {
if ($(this).attr("checked")) {
    $('.prorateTax').fadeIn();
    return;
}
$('.prorateTax').fadeOut();
});
</script>

需要调整高度的div是：.article.prorate。我在网上尝试了一些建议，到目前为止没有任何工作。如果需要其他信息以提供足够的答复，请告诉我。

编辑：在各种答案之后，我根据一些建议修改了代码并最终完成了（完美地运行）：

<script type="text/javascript">
$('.checkTax').change(function() {
if ($(this).attr("checked")) {
    $('.prorateTax').fadeIn();
    $('article.prorate').css( "height", "+=100px" );
}
else
{
    $('.prorateTax').fadeOut();
    $('article.prorate').css( "height", "-=100px" );
}
});
</script>

我感谢每个人的帮助，如果我能选择多个绿色复选标记，我会的。提出的几项建议可行。因为我没有足够的声誉，所以我也不能进行投票/投票。

Answer 1

我看到你正在使用jQuery。用于操纵身高：

$('selector').css('height', your_value);

Answer 2

要通过获取元素的当前高度来增加高度，您可以这样做：

$(selector).css( "height", "+=20px" );

$(selector).height( $(selector).height() + 20 );

Answer 3

您还可以使用更简单的jQuery方法.height（）;

<script type="text/javascript">
$('.checkTax').change(function() {
if ($(this).attr("checked")) {
    $('.prorateTax').fadeIn().height(20);
    return;
}
$('.prorateTax').fadeOut().height(0);
});

选中复选标记时增加Div高度

3 个答案: