jquery - 以固定大小比例调整 div 的大小

Question

我在 jquery 中创建了一个宽度为 100% 高度为 width*.1 的 div

http://jsfiddle.net/2drYk/

<figure class="container">
</figure>

$('.container').height($(this).width()*.1);

* 
{
margin:0; 
padding:0; 
border:0
}

.container
{
    width:100%;
    background:black;

}

我怎样才能从这里扩大点击的高度？

Answer 1

$('.container').height($(this).width()*0.1);

$('.container').on('click',function(){
    $(this).animate({height: ($(this).width()*0.1 + $(this).height())});
});

此处演示 JSFIDDLE