Как при клике на одну из картинок показать блок скрытый блок, который потом исчезал?

Question

[free_man1992]

Привет!

Подскажите, пожалуйста, как это лучше реализовать?

У меня 5 разных картинок, при клике на каждую должен появляться скрытый одинаковый блок (там будет gif анимация). Если кликнуть на первую, блок начнет появляться, а если сразу же кликнуть на вторую, то исчезнет и появится снова. Пробовал отслеживать клик, не работает( (none= класс .none, со свойством display: none)

img.addEventListener("click", function() {
                event.preventDefault();
                gif.classList.remove("none");
                gif.classList.add("none");
               });

Спасибо!

Comments

[Денис Букреев]

pticakuk: ок

Answer 1

[yanis_kondakov]

если сразу же кликнуть на вторую, то исчезнет и появится снова

А что нужно, чтобы происходило?

Comments

[free_man1992]

получается переключатель

[yanis_kondakov]

Вам нужно, чтобы при клике на вторую, блок исчезал и появлялся снова? Или у Вас уже это реализовано?

[free_man1992]

Просто появлялся снова на там же месте.

[yanis_kondakov]

Код в песочницу выложите. Непонятно, что хотите.

[free_man1992]

Вопрос решил, спасибо за внимание! Скину код, может кому пригодиться) jsbin.com/huxebubaxo/edit?html,output

[lega]

free_man1992: тоже самое только проще
jsbin.com/gicewezuki/1/edit?html,output

[free_man1992]

lega: ух ты! Здорово! С ангуляром не работал) спасибо!)