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

Question

[Александр Пунченко]

На странице размещен урок, после урока нужно пройти небольшой тест (выводиться с помощью плагина), при положительном прохождении теста появляется блок с результатом. Подскажите как вывести кнопку только после появления блока с результатами.

Код блока с результами:

<div class="wq-results wq_resultsCtr" style="display: block;">
	<span class="wq-result-quiz-title wq_quizTitle">Тест к уроку 1</span>
        <div class="wq-result wq_singleResultWrapper" data-id="llhuj" style="display: block;">

	      <div class="wq-result-score wq_resultScoreCtr">Ты получил  5 из 5</div>
        </div>
</div>

Кнопка стандартная, class="next" style="display:none"

Comments

[Вова Дружаев]

Если результаты выводит плагин - то и автор плагина знает какой есть хук чтобы можно было вставить после результатов свою информацию. Кнопку, спасибку и прочее...

Answer 1

[Макс Кузнецов]

1) А нет возможности выполнить js при прохождении теста? Может плагин даёт какой-то коллбэк? Тогда просто этим скриптом можно показывать скрытую кнопку.
2) Помогут селекторы:
.wq-results ~ button.next-lesson – правые соседи: все button на том же уровне вложенности, которые идут после div с результатом.
.wq-results + button.next-lesson – только первый правый сосед
То есть логика такая, что если появляется блок с результатом, то мы через такой селектор добавляем кнопке display: block;