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

Question

[olya_097]

Речь про .order__inner

Именно такая разметка нужно

https://jsfiddle.net/dxcygftp/

Comments

[Rustam Bainazarov]

Уверен, что вам это в который раз пишут, но по вашему описанию ничего не понятно, что вам нужно.

[olya_097]

Рустам Байназаров, ну кликаем на Расследование несчастных случаев на производстве и показывается первый order__inner который в order__box
далее аналогично

[Stockholm Syndrome]

какому клику? какие блоки? какая разметка?

[olya_097]

Stockholm Syndrome, все .order__inner по умолчанию скрыты
кликаем на первый order__desc - показывается первый order__inner
кликаем на второй order__desc - показывается второй order__inner

Answer 1

[Stockholm Syndrome]

const $items = $('.order__desc');
$items.click(function() {
  $('.order__inner').eq($items.index($(this))).show();
});

Comments

[olya_097]

Stockholm Syndrome, спасибо
а как по повторному клику скрыть? ну и учесть , чтобы потом опять можно было показывать

[Stockholm Syndrome]

olya_097, замените show на toggle

[olya_097]

Stockholm Syndrome, точно
еще хотела спросить
а если б нужно было б на чистом js написать
тоесть без jquery

то код был бы больше в разы? и какие методы применять нужно было бы?

чисто для себя интересно

[Stockholm Syndrome]

olya_097,

то код был бы больше в разы?

да не прям чтоб в разы, но больше

и какие методы применять нужно было бы?

querySelectorAll, addEventListener, forEach для навешивания обработчиков в цикле, скрытие/показ элемента через el.style.display