toggle div height

by John Doe

HTML

<div class="valami">
<br>
<br>
<br>
<br><br><br><br>
vvvv               
</div>
<a class="v">show more</a>

CSS

div{
    width:100px;
    height: 100px;   
    background:red;
    overflow:hidden;
}

JavaScript

$('.v').toggle(function(){
    $('.valami').animate({'height': '100%'}, 1000);
    $('.v').text('show less')
}, function(){
    $('.valami').animate({'height': '80px'}, 500);
    $('.v').text('show more')
});