<ul class="asp-steps__links">
<li class="asp-steps__item">
<a class="asp-steps__link" href="#step-step-title-1">Step title 1</a>
</li>
<li class="asp-steps__item">
<a class="asp-steps__link" href="#step-step-title-2">Step title 2</a>
</li>
<li class="asp-steps__item">
<a class="asp-steps__link" href="#step-step-title-3">Step title 3</a>
</li>
</ul>
<ol class="asp-steps" data-steps-setting="closed">
<li class="asp-step asp-step–closed" id="step-step-title-1">
<h2 class="asp-step__heading">
<span class="asp-step__number">
<span class="sr-only">Step</span>
1
<span class="sr-only">:
</span>
</span>
<span class="asp-step__title">Step title 1</span>
</h2>
<div class="asp-step__content">
<p>To view or hide the content within this step, use the show/hide toggle.</p>
</div>
</li>
<li class="asp-step asp-step–closed" id="step-step-title-2">
<h2 class="asp-step__heading">
<span class="asp-step__number">
<span class="sr-only">Step</span>
2
<span class="sr-only">:
</span>
</span>
<span class="asp-step__title">Step title 2</span>
</h2>
<div class="asp-step__content">
<p>To view or hide the content within this step, use the show/hide toggle.</p>
</div>
</li>
<li class="asp-step asp-step–last asp-step–closed" id="step-step-title-3">
<h2 class="asp-step__heading">
<span class="asp-step__number">
<span class="sr-only">Step</span>
3
<span class="sr-only">:
</span>
</span>
<span class="asp-step__title">Step title 3</span>
</h2>
<div class="asp-step__content">
<p>To view or hide the content within this step, use the show/hide toggle.</p>
</div>
</li>
</ol>