gistfile1.txt

<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>