jquery - раскрытие блока

[Hazaner]

Доброго времени суток друзья.Сразу к делу.Есть блок с картой.[attachment=5678]он в высоту 50px, нужно сделать так, что бы при нажатии кнопки, он увеличивался до 300px.jquery$(document).ready(function(){  $(".but_map2").click(function(){    $(".box_map2").css({'height' : '300px'});    $(this).toggleClass("active"); return false;    });  });HTML<div class="but_map2 input_buttom">Показать на карте</div><div class="box_map2">CSS.but_map2 { display: block; width: 115px; margin-left: 300px; padding: 10px; cursor: pointer; text-align: center; color: #fff; }.box_map2 { width: 725px; height: 50px; background: #9bb7ff; overflow:hidden; }.active { height: 50px; }Проблема в том, что блок при нажатии не поднимается обратно...

 

[Deleted User]

Без стилей:$(document).ready(function(){ $( ".but_map2" ).click(function() { var height = $(this).hasClass( 'active' ) ? '300px' : '50px'; $(this).css( { 'height' : height } ); $(this).toggleClass( 'active' ); return false; });});Со стилем:$(document).ready(function(){ $( ".but_map2" ).click(function() { $(this).toggleClass( 'active' ); return false; });});.box_map2 { height: 50px }.active { height: 300px }