0

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;

}

ここからクリックで高さを拡張するにはどうすればよいですか?

4

2 に答える 2

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

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

ここでデモJSFIDDLE

于 2013-03-15T10:57:49.430 に答える
1
.container
{
    width:100%;
    background:black;
    transition:all 500ms;
    -webkit-transition:all 500ms;
    -o-transition:all 500ms;
}

.container.newheight{height:500px}

$('.container').on('click',function(){
   $(this).toggleClass('newheight');
});
于 2013-03-15T11:43:57.830 に答える