How-To Tabs: Default

<div class="b b--fw">
    <div class="b-c">
        <div class="sh">
            <h2 class="sh-title">How-To Tabs</h2>
        </div>
        <div>
            <div class="ht-tab">
                <input type="checkbox" id="ht-tab-tr1" class="ht-tab-tr a11y--h">
                <label for="ht-tab-tr1" class="ht-tab-h">
                    <div class="ht-tab-t">Option 1</div>
                    <div class="ht-tab-ic">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
                            <path class="closed" d="M24 10h-10v-10h-4v10h-10v4h10v10h4v-10h10z"> </path>
                            <path class="open" d="M0 10h24v4h-24z"> </path>
                        </svg>
                        <div class="ht-tab-subinfo">
                            <span>show</span>
                        </div>
                    </div>
                </label>
                <div class="ht-tab-c">
                    <p>Here is some test content.</p>
                    <p>Here is some test content.</p>
                    <p>Here is some test content.</p>
                    <p>Here is some test content.</p>
                </div>
            </div>
            <div class="ht-tab">
                <input type="checkbox" id="ht-tab-tr2" class="ht-tab-tr a11y--h">
                <label for="ht-tab-tr2" class="ht-tab-h">
                    <div class="ht-tab-t">Option 2</div>
                    <div class="ht-tab-ic">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
                            <path class="closed" d="M24 10h-10v-10h-4v10h-10v4h10v10h4v-10h10z"> </path>
                            <path class="open" d="M0 10h24v4h-24z"> </path>
                        </svg>
                        <div class="ht-tab-subinfo">
                            <span>show</span>
                        </div>
                    </div>
                </label>
                <div class="ht-tab-c">
                    <p>Here is some test content.</p>
                    <p>Here is some test content.</p>
                    <p>Here is some test content.</p>
                    <p>Here is some test content.</p>
                </div>
            </div>
            <div class="ht-tab">
                <input type="checkbox" id="ht-tab-tr3" class="ht-tab-tr a11y--h">
                <label for="ht-tab-tr3" class="ht-tab-h">
                    <div class="ht-tab-t">Option 3</div>
                    <div class="ht-tab-ic">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
                            <path class="closed" d="M24 10h-10v-10h-4v10h-10v4h10v10h4v-10h10z"> </path>
                            <path class="open" d="M0 10h24v4h-24z"> </path>
                        </svg>
                        <div class="ht-tab-subinfo">
                            <span>show</span>
                        </div>
                    </div>
                </label>
                <div class="ht-tab-c">
                    <p>Here is some test content.</p>
                    <p>Here is some test content.</p>
                    <p>Here is some test content.</p>
                    <p>Here is some test content.</p>
                </div>
            </div>
            <div class="ht-tab">
                <input type="checkbox" id="ht-tab-tr4" class="ht-tab-tr a11y--h">
                <label for="ht-tab-tr4" class="ht-tab-h">
                    <div class="ht-tab-t">Option 4</div>
                    <div class="ht-tab-ic">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
                            <path class="closed" d="M24 10h-10v-10h-4v10h-10v4h10v10h4v-10h10z"> </path>
                            <path class="open" d="M0 10h24v4h-24z"> </path>
                        </svg>
                        <div class="ht-tab-subinfo">
                            <span>show</span>
                        </div>
                    </div>
                </label>
                <div class="ht-tab-c">
                    <p>Here is some test content.</p>
                    <p>Here is some test content.</p>
                    <p>Here is some test content.</p>
                    <p>Here is some test content.</p>
                </div>
            </div>
            <div class="ht-tab">
                <input type="checkbox" id="ht-tab-tr5" class="ht-tab-tr a11y--h">
                <label for="ht-tab-tr5" class="ht-tab-h">
                    <div class="ht-tab-t">Option 5</div>
                    <div class="ht-tab-ic">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
                            <path class="closed" d="M24 10h-10v-10h-4v10h-10v4h10v10h4v-10h10z"> </path>
                            <path class="open" d="M0 10h24v4h-24z"> </path>
                        </svg>
                        <div class="ht-tab-subinfo">
                            <span>show</span>
                        </div>
                    </div>
                </label>
                <div class="ht-tab-c">
                    <p>Here is some test content.</p>
                    <p>Here is some test content.</p>
                    <p>Here is some test content.</p>
                    <p>Here is some test content.</p>
                </div>
            </div>
        </div>
    </div>
</div>