Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
<aside id="sidebar" data-magellan-expedition="fixed" data-options="destination_threshold:190;threshold:200;throttle_delay:50;">
<dl class="accordion" data-accordion>
<dd id="mobile-sub-menu-button">
<a href="">Select page to visit</a>
</dd>
<dd class="show-for-medium-up">
<a href="#panel1">Heading 1</a>
<div id="panel1" class="content">
<ul>
<li>
<a href="#">Page 1</a>
</li>
<li>
<a href="#">Page 2</a>
</li>
<li>
<a href="#">Page 3</a>
</li>
<li>
<a href="#">Page 4</a>
</li>
</ul>
</div>
</dd>
<dd class="show-for-medium-up">
<a href="#panel2">Heading 2</a>
<div id="panel2" class="content">
<ul>
<li>
<a href="#">Page 1</a>
</li>
<li>
<a href="#">Page 2</a>
</li>
<li>
<a href="#">Page 3</a>
</li>
<li>
<a href="#">Page 4</a>
</li>
<li>
<a href="#">Page 5</a>
</li>
<li>
<a href="#">Page 6</a>
</li>
<li>
<a href="#">Page 7</a>
</li>
</ul>
</div>
</dd>
<dd class="show-for-medium-up">
<a href="#panel3">Heading 3</a>
<div id="panel3" class="content">
<ul>
<li>
<a href="#">Page 1</a>
</li>
<li>
<a href="#">Page 2</a>
</li>
<li>
<a href="#">Page 3</a>
</li>
<li>
<a href="#">Page 4</a>
</li>
</ul>
</div>
</dd>
<dd class="show-for-medium-up">
<a href="#panel4">Heading 4</a>
<div id="panel4" class="content">
<ul>
<li>
<a href="#">Page 1</a>
</li>
<li>
<a href="#">Page 2</a>
</li>
<li>
<a href="#">Page 3</a>
</li>
<li>
<a href="#">Page 4</a>
</li>
</ul>
</div>
</dd>
<dd class="show-for-medium-up">
<a href="#panel5">Heading 5</a>
<div id="panel5" class="content">
<ul>
<li>
<a href="#">Page 1</a>
</li>
<li>
<a href="#">Page 2</a>
</li>
<li>
<a href="#">Page 3</a>
</li>
<li>
<a href="#">Page 4</a>
</li>
</ul>
</div>
</dd>
</dl>
</aside>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.