Как открыть и закрыть блок при клике на ссылку?

Question

[Кейси]

Имеется такая структура:

<div class="box">
<a href="#" class="link">Click</a>
<div class="pop_up">Info</div>
</div>
<div class="box">
<a href="#" class="link">Click</a>
<div class="pop_up">Info</div>
</div>
<div class="box">
<a href="#" class="link">Click</a>
<div class="pop_up">Info</div>
</div>

$(".link").click(function() {
		$(this).closest('.box').find('.pop_up').toggle();
	});

И таких блоков много. При клике на ссылку "Click" должно показывать блок pop_up именно с данного блока box.
Моих навыков хватило чтобы написать код, который при клике вызывает pop_up, при втором клике убирает. Только надо, чтобы попап убирался не только при повторном клике на "его" ссылку, но и при клике на любую другую ссылку с классом линк. Дабы не накладывался pop_up один на другой. Кто-то подскажет, как дополнить код?

Answer 1

[Евгений Калибров]

выложите ваш код, например https://jsfiddle.net/ вам так гораздо быстрее помогут.

А вообще задача простая, пр клике на любую ссылку закрывайте сначала ВСЕ pop_up, а потом уже открывайте из блока по которому кликнули.

Comments

[Кейси]

я тоже так думал. но если добавить $('.pop_up').hide(); то код еще хуже начинает работать

[Кейси]

то есть, перестает работать toggle

[tema_sun]

Эд Неизвестнов: если вы руками прячете все попапы, то вам не .toggle() делать надо, а .show()

[Евгений Калибров]

tema_sun: верно:
$(".link").on('click', function() {
$('.box .pop_up').hide();
$(this).closest('.box').find('.pop_up').show();
});

Answer 2

[Nikita Shchypylov]

гугл "this"

Comments

[Кейси]

я за последние 4 часа перегуглил все что только можно. В том числе и this. если бы самостоятельно мог что-то найти в гугле, я б сюда не обратился.

На счет NaN !== NaN не совсем понял к чему это

Answer 3

[Антон]

решается легко без js с помощью :target
https://codepen.io/trevanhetzel/pen/lkspr