Code Document

Accordion

  • Accordion Example:

  • Code:

    <div class="qinstance get-qsegments accordion-category-format categories">
    <div class="catid-16 term-category-2">
    <ul id="category-2-1" class="vaccordion vacc-divs " style data-vsettings>
    <li class="vacc-nav vhas-dd vddb vove-h">
    <a class="vacc-title" href="#74-category-2-1">Segment 8</a>
    <div id="74-category-2-1" class="vacc-div vani-d2 vani-d1- vani vmoveIaUa ">
    <p>Content segment #8.
    <a href="http://google.com" target="_blank">Link</a>
    </p>
    </div>
    </li>
    <li class="vacc-nav vhas-dd vddb vove-h">
    <a class="vacc-title" href="#73-category-2-1">Segment 7</a>
    <div id="73-category-2-1" class="vacc-div vani-d2 vani-d1- vani vmoveIaUa ">
    <p>Content segment #7.</p>
    </div>
    </li>
    <li class="vacc-nav vhas-dd vddb vove-h">
    <a class="vacc-title" href="#72-category-2-1">Segment 6</a>
    <div id="72-category-2-1" class="vacc-div vani-d2 vani-d1- vani vmoveIaUa ">
    <p>Content segment #6.</p>
    </div>
    </li>
    <li class="vacc-nav vhas-dd vddb vove-h">
    <a class="vacc-title" href="#65-category-2-1">Segment 5</a>
    <div id="65-category-2-1" class="vacc-div vani-d2 vani-d1- vani vmoveIaUa ">
    <p>Content segment #5.</p>
    </div>
    </li>
    <li class="vacc-nav vhas-dd vddb vove-h">
    <a class="vacc-title" href="#64-category-2-1">Segment 4</a>
    <div id="64-category-2-1" class="vacc-div vani-d2 vani-d1- vani vmoveIaUa ">
    <p>Content segment #4.</p>
    </div>
    </li>
    </ul>
    </div>
    </div>

Categories

©
    • Los Angeles

    • CA

    • United States

  • Website

  • Facebook

  • Accordion | Frontend UI Toolkit + Wordpress Framework

  • A wordpress framework used to structure simple Javascript and CSS prototypes. Hive is lite, only includes necessities and encourages custom styling.