Добрый день! Как сделать задержку в анимации, а именно когда убираешь курсор мыши с блока, чтобы блок возвращался в исходное положение не сразу, а спустя определенный промежуток времени.
<div class="div1">Block1</div>
.div {
background-color:#ccc;
width:200px;
height:100px;
border:2px solid #000;
}
$(document).ready(function(){
$(".div1").on({
mouseenter: function() {
$(this).animate({
width: 500
},
{duration:300, queue: false}
)
},
mouseleave: function() {
$(this).animate({
width: "200px"
},
{duration:300, queue: false}
)
}
})
});