Показать сообщение отдельно
  #1 (permalink)  
Старый 10.05.2015, 12:18
Новичок на форуме
Отправить личное сообщение для Corian Посмотреть профиль Найти все сообщения от Corian
 
Регистрация: 10.05.2015
Сообщений: 6

Помогите с анимацией по клику
Проблема появилась, вот код
<div id="main"></div>
<div id="anim_item1">
</div>

#main {
z-index: 2;
width: 32px; height: 32px;
position: absolute; top: 240px; left: 240px; right: 240px; bottom: 240px;
background-color: #222222;
}
#anim_item1 {z-index: 1; background-color: red;width: 28px; height: 28px; position: absolute; top: 242px; left: 242px; right: 242px; bottom: 242px;}

$(document).ready(function(){
$("#main").click(function (){		
$(anim_item1).animate({top:128, left:192}, 750, "easeInQuad"); 
$(anim_item1).animate({top:72, left:212}, 750, "easeOutQuad");
});
});

Так вот, проблема в том, что после клика по меин выполняется анимация, а при повторном клике (после выполнения анимации) выполняется вторая анимация, а мне нужно чтобы элемент возвращался на исходную позицию.
Помогите, пожалуйста!
Ответить с цитированием