Перемещение элемента
208
12 декабря 2016, 10:10
К примеру, есть такой код:
$(document).ready(function(){
$(".phone-keys").click(function(){
$(this).css('position', 'relative');
$(this).animate({'left':'-200px'}, 2000);
});
Он просто по клику на элемент передвигает его влево на 200px. Подскажите, как сделать так, чтобы он по повторному клику возвращался обратно или по клику вне этого элемента?!
Заранее спасибо.
Answer 1
$(document).ready(function(){
$('*').on('click', function(){
$('.moved').animate({'left':'0'}, 2000, function(){
$(this).removeClass('moved');
});
});
$(".phone-keys").not('.moved').on('click', function(){
$(this).css('position', 'relative').animate({'left':'-200px'}, 2000, function(){
$(this).addClass('moved');
});
});
});
Вот
-
07:09
-
17:51
-
08:01
-
07:36
-
07:00
-
21:22
-
20:00
-
20:14
-
07:41
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 46780 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 30305 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 22921 visits
- Как через css изменить цвет png изображения? 10181 visits
- Blob video url download 9807 visits
- Php curl запрос через прокси с авторизацией 9067 visits
- Работа с captcha vk api 7983 visits
© "hostciti.net" 09.5.2024 | 11:21