Как на jquery показать/скрыть блок?

Question

[Антон]

<style>.screen, .screen2, .screen3, .screen4{display:none;}</style>

<a class="link">ссылка</a>
<div class="screen" >бла</div>

<a class="link2">ссылка2</a>
<div class="screen2" >бла2</div>

<a class="link3">ссылка3</a>
<div class="screen3" >бла3</div>

<a class="link4">ссылка4</a>
<div class="screen4" >бла4</div>

Как сделать:
клик по ссылке присвоит дивке - FLEX
повторный клик - NONE

одновременно два и более div не должны быть видны
(делаю меню)

Comments

[Леонид Князев]

Вы бы сперва показали, как вы пытались сделать, и, что у вас не получилось. А, не просили написать за вас код.

[alex-1917]

Леонид Князев, тут полно любителей разжевать и в рот положить, конечно же негигиенично, но авторы таких вопросов с радостью это глотают... тьфу на них)))
а ставить красную галку уже тоже не оптимальное решение, вот смотрите))):

Answer 1

[0xD34F]

Делаете всем одинаковым элементам одинаковые классы - link, screen - без цифр.

Для элементов .screen определяете ещё один класс:

.screen {
  display: none;
}

.screen.active {
  display: flex;
}

И просто переключаете его:

$(document).on('click', '.link', function() {
  const $screen = $(this).next().toggleClass('active');
  $('.screen.active').not($screen).removeClass('active');
});