Проблема с анимацией jquery

Question

Вы можете просмотреть страницу здесь (и увидеть проблему) http://rssreaderbg.net/pubsubbub/example/cssexam/index.php Нажмите на один из значков (планета, облако и т. Вот видео: http://www.screencast -o-matic.com / смотреть / cXnf2OlP2

Проблема в том, что я не знаю, как восстановить исходное положение значков при двойном щелчке.

Редактировать :

Теперь у меня есть другая проблема. На этот раз иконка имеет некоторую задержку, когда срабатывает событие по двойному щелчку. Вы можете увидеть это здесь http://www.screencast -o-matic.com / watch / cXnhXElRz Как я могу удалить эту задержку?

Answer 1

Пометьте .iconsss каким-то атрибутом HTML, чтобы указать исходную позицию.

При первом щелчке исчезнут все, кроме значка, по которому щелкнули, а значок, по которому щелкнули, анимируют в положение «выбранное».Похоже, что у вас в основном это не так.

Затем по двойному щелчку покажите все значки и сбросьте все из них на исходные позиции, отмеченные с помощью attr.

Answer 2

Перед новой анимацией по двойному клику я поставил $("#"+icon).stop(true); и задержка прошла.

Answer 3

Попробуйте это:

var icon = '';

$(".iconsss").click(function() {

    if(icon != $(this).attr("id"))
    {
       icon = $(this).attr("id");
        // do everything else;
    }
});