Изменение высоты с помощью animate() в jQuery

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())) 
    }); 
});