Форум сайта MyRusakov.ru

Здравствуйте!
Написал скрипт, чтобы при наведении на контейнер, ширина элемента в контейнере уменьшилась, а при щелчке ширина стала 0рх. Но почему-то действие происходит не по щелчку, а по двойному щелчку (хотя событие click). Скажите, пожалуйста, в чем причина двойного щелчка?

<div class="wrapper">
<div class="in-wrapper">
</div>
</div>

.wrapper {
width: 240px;
height: 200px;
background: #800
}

.in-wrapper {
width: 240px;
height: 200px;
background: #080;
}

$(document).ready(function(){
$('.wrapper').mouseover(function(){
$('.in-wrapper').css({width:'235px'});
})

$('.wrapper').click(function(){
$('.in-wrapper').css({width:'0px'});
})
});