College of Business Style Guide

Directory Details 

<section class="directory-details" role="region" aria-label="directory details">
    <div class="accordion-item">
        <h2 class="accordion-button">
            <button aria-expanded="false">
                <span>
                    'Billie Jean' - Michael Jackson
                </span>
            </button>
        </h2>

        <div class="accordion-text" hidden>
            <p>She was more like a beauty queen from a movie scene<br /> I said don't mind, but what do you mean, I am the one<br /> Who will dance on the floor in the round<br /> She said I am the one, who will dance on the floor in the round</p>
        </div>
    </div>
    <div class="accordion-item">
        <h2 class="accordion-button">
            <button aria-expanded="false">
                <span>
                    'Raspbery Beret' - Prince
                </span>
            </button>
        </h2>

        <div class="accordion-text" hidden>
            <p>I was working part time in a five-and-dime<br /> My boss was Mr. McGee<br /> He told me several times that he didn't like my kind<br /> 'Cause I was a bit too leisurely</p>
        </div>
    </div>
    <div class="accordion-item">
        <h2 class="accordion-button">
            <button aria-expanded="false">
                <span>
                    'I Wish' - Skee-Lo
                </span>
            </button>
        </h2>

        <div class="accordion-text" hidden>
            <p>I wish I was a little bit taller<br /> I wish I was a baller<br /> I wish I had a girl who looked good, I would call her<br /> I wish I had a rabbit in a hat with a bat<br /> And a six four Impala</p>
        </div>
    </div>
</section>
 
<section class="directory-details" role="region" aria-label="directory details">
    {% block cms_override %}
        {% include "@accordion" with {
            accordion_items: accordion_items
        } %}
    {% endblock cms_override %}
</section>
 
{
  "accordion_items": [
    {
      "accordion_heading": "'Billie Jean' - Michael Jackson",
      "accordion_content": "She was more like a beauty queen from a movie scene<br /> I said don't mind, but what do you mean, I am the one<br /> Who will dance on the floor in the round<br /> She said I am the one, who will dance on the floor in the round"
    },
    {
      "accordion_heading": "'Raspbery Beret' - Prince",
      "accordion_content": "I was working part time in a five-and-dime<br /> My boss was Mr. McGee<br /> He told me several times that he didn't like my kind<br /> 'Cause I was a bit too leisurely"
    },
    {
      "accordion_heading": "'I Wish' - Skee-Lo",
      "accordion_content": "I wish I was a little bit taller<br /> I wish I was a baller<br /> I wish I had a girl who looked good, I would call her<br /> I wish I had a rabbit in a hat with a bat<br /> And a six four Impala"
    }
  ]
}

No notes defined.