College of Business Style Guide

Accordion 

<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>
 
{% block cms_override %}
    {% for accordion_item in accordion_items %}
        {% include "@accordion_item" with accordion_item only %}
    {% endfor %}
{% endblock cms_override %}
 
{
  "accordion_items": {
    "1": {
      "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"
    },
    "2": {
      "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"
    },
    "3": {
      "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.