Как сделать двойную замену картинки на Jquery?

Question

[akselian]

Нужно по первому клику была одна картинка, а по второму клику, отображалась изначальная картинка, знаю как заменить один раз, а как в обратном направлении что то не понимаю.

код CSS

.pas {
    display: inline-block;
    background: url(/img/Icon/eye-closed.png) no-repeat 222px;
}

код Jquery

$(document).ready(function(){
        $(".pas").click(function(){
            $(".pas").css('background','url(/img/Icon/eye-opened.png) no-repeat 222px');
        });
});

Comments

[Сергей delphinpro]

оформляйте, пожалуйста, код как положено.

[Павел Корнилов]

Сохраняйте прежний адрес в переменной, а по клику восстанавливайте из неё.
Внутри обработчика клика должна быть проверка адреса текущего изображения.

[akselian]

Павел Корнилов, ога, ещё бы понять что вы написали, было бы круто)

[Павел Корнилов]

akselian, блин, я что, не по-русски?
Решение от zendor тоже верное, но там есть свои нюансы - нет связки событие - проверка существующего изображения. На вашем этапе, думаю, то - что нужно.
OFF
Беда юзать jQ без знания JS.

Answer 1

[zendor]

.eyes {
  background-image: url(img/Icon/eye-opened.png);
}

.eyes-closed {
  background-image: url(img/Icon/eye-closed.png);
}

$(document).ready(function() {
  $('.eyes').click(function() {
    $(this).toggleClass('eyes-closed');
  });
});

Comments

[akselian]

блин точно, ещё же думал про toggle спасибо)