Как скрыть блоки с одинаковыми классами кроме того кторый не нужно скрывать?
Здравствуйте друзья, столкнулся с задачкой для решения которой у меня не хватает опыта.
Имеется сайт с системой тестирования, все тесты отображаются в личном кабинете пользователя в виде списка, когда пользователь выбирает тест для прохождения он нажимает кнопку «Начать тестирование» после чего открывается тест и собственно начинается сам процесс тестирования. Но все тесты которые находятся в данном списке остаются, то есть не скрываются. Как заставить с помощью JS скрыть все тесты кроме того который проходит пользователь?
Для начала прохождения теста пользователь нажимает кнопку с таким содержимым:
<input class="wpProQuiz_button" type="button" value="Начать тест" name="startQuiz">
Может как-то прикрутить onclick к кнопке “ Начать тест ” ?
HTML содержимое страницы:
<div class="activtest"></div>
<div class="activtest"> Данный тест был открыт </div>
<div class="activtest"></div>
<div class="activtest"></div>
<div class="activtest"></div>
Буду благодарен за любой ответ, спасибо друзья.
|