Каким образом реализовать последовательное отображение текста при нажатии на кнопку?

Question

[Maxibonoff]

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

Каким образом можно реализовать это? Может быть есть готовые решения?

Answer 1

[Антон]

<ul>
  <li>Шаг 1</li>
  <li class='hidden'>Шаг 2</li>
  <li class='hidden'>Шаг 3</li>
</ul>
<button onclick="$('ul > li.hidden:first').removeClass('hidden'); return false;">Показать</button>

Comments

[Maxibonoff]

Не получается, наверное, я что-то упустил, можно полный листинг с рандомным содержимым?

[Антон]

Maxibonoff: подключите jQuery