В такой функции, как часто задаваемые вопросы об аккордеоне, вы хотите, чтобы нажатие на один элемент вызывало изменения не только этого элемента, но и других элементов. В этой статье я рассмотрю два подхода с примерами кода того, как это можно сделать. Первая карточка часто задаваемых вопросов аккордеона из челленджа Frontend Mentor , вторая представляет собой серию кнопок, которые будут менять свой стиль. В аккордеоне мы будем использовать forEach() , чтобы поместить прослушиватель..

Используйте hidden until-found и onbeforematch вместе, чтобы сделать скрытое содержимое доступным для поиска на странице. Вы когда-нибудь сталкивались со страницей часто задаваемых вопросов (часто задаваемых вопросов) на каком-либо веб-сайте и пытались найти некоторые ключевые слова с помощью поиска в браузере? Иногда ваш поиск соответствует некоторым ключевым словам, но они скрыты, и браузер не показывает их. Это очень распространенная проблема с аккордеоном …