Question

我正在尝试完成一个简单的框选择，并指出单击哪一个。

$(".features").click(function(){
    $(".pBox").css("border-color","#ccc");
    $(this).parent().parent().css("border-color","#cc0000");
    $(this).parent().parent().animate({
        height: "20%"
    });
});

此外，我想将盒子的高度增加10％，不幸的是，当所选盒子的颜色发生变化时，我没有改变高度的运气。如果我改变宽度，它可以正常工作......我错过了什么？

Answer 1

试试这个

$(".features").click(function(){
    $(".pBox").css("border-color","#ccc");
    var $parent = $(this).parent().parent();
    $parent
    .css("border-color","#cc0000");
    .animate({
        height: ($parent.height() + (0.1 * $parent.height()))
    });
});

在jQuery中使用animate（）更改高度

1 个答案: