<!-- Accordion -->
<div class="js-accordion accordion">
    <div class="accordion_header">
        <div class="fs-row">
            <div class="fs-cell">
                <div class="accordion_header_inner">
                    <div class="accordion_title">
                        <h2 class="accordion_title_primary">VCUarts Opportunities</h2>
                        <p class="accordion_title_secondary">Ipsum Consectetur Pharetra Purus</p>
                    </div>
                    <div class="accordion_description">
                        Faculty grant programs serve full-time faculty at VCU School of the Arts. Faculty who work in collaboration with one another may also seek funding for a common project. Faculty members are encouraged to submit ONE application per deadline. Please note: Adjunct faculty, and faculty on waiver appointments are not eligible for Dean's Exploratory and Research Grants. Adjunct faculty grant information is linked below.
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="accordion_body" id="accordion-body-1">
        <div class="fs-row">
            <div class="fs-cell">
                <div class="accordion_body_inner">
                    <div class="accordion_action">
                        <button class="js-accordion-all js-swap accordion_action_button" data-swap-target="#accordion-body-1">
                            <span class="accordion_action_button_label accordion_action_button_label_expand">Expand All</span>
                            <span class="accordion_action_button_label accordion_action_button_label_collapse">Collapse All</span>
                        </button>
                    </div>
                    <div class="accordion_items">
                        <div class="js-accordion-item js-accordion-item-1-1 accordion_item">
                            <h3 class="accordion_item_heading">
                                <button class="js-accordion-swap js-swap accordion_item_heading_button" data-swap-target=".js-accordion-item-1-1">
                                    <span class="accordion_item_heading_inner">
                                        <span class="accordion_item_heading_label">
                                            <span class="accordion_item_heading_title">Dean's Faculty Exploratory Grants</span>
                                        </span>
                                        <span class="accordion_item_heading_icon">
                                            <svg class="icon icon_chevron_down">
                                                <use href="/images/icons.svg#chevron_down" />
                                            </svg>
                                        </span>
                                    </span>
                                </button>
                            </h3>
                            <div class="js-accordion-content accordion_item_content typography" aria-label="Dean's Faculty Exploratory Grants">
                                <p>The Dean's office in the School of the Arts offers Summer Research Grants to support summer research in two categories:</p>
                                <h4>Category I Educational</h4>
                                <p>Summer Educational Research Grants unite undergraduate education and faculty by supporting projects that include opportunities for undergraduate students to work as research/studio assistants. Successful proposals must discuss how the project will increase the student researcher's knowledge, skills and experience.</p>
                                <h4>Category I General</h4>
                                <p>General Summer Research Grants support a broad range of research for faculty and can be used to initiate a short-term summer project, fund a discrete sub-section of an existing or ongoing project, or complete a project already begun. NOTE: This category does not allow for any payment to contractors, studio assistants, or editors.</p>
                                <p>Eligibility: All full-time tenure-track, tenured and term faculty holding appointments through the end of the following fall semester are invited to submit applications for a grant in the amount of $3,000 in either category (but not both). This includes faculty at the rank of assistant, associate, or full professor.</p>
                                <p>Evaluation of Summer Educational Research Grant proposals will focus additionally on how projects address and account for the quality of the student research experience.</p>
                                <p><a href="#">Current year's deadline and application.</a></p>
                            </div>
                        </div>
                        <div class="js-accordion-item js-accordion-item-1-2 accordion_item">
                            <h3 class="accordion_item_heading">
                                <button class="js-accordion-swap js-swap accordion_item_heading_button" data-swap-target=".js-accordion-item-1-2">
                                    <span class="accordion_item_heading_inner">
                                        <span class="accordion_item_heading_label">
                                            <span class="accordion_item_heading_title">Dean's Faculty Research Grants</span>
                                        </span>
                                        <span class="accordion_item_heading_icon">
                                            <svg class="icon icon_chevron_down">
                                                <use href="/images/icons.svg#chevron_down" />
                                            </svg>
                                        </span>
                                    </span>
                                </button>
                            </h3>
                            <div class="js-accordion-content accordion_item_content typography" aria-label="Dean's Faculty Research Grants">
                                <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
                                <p>Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.</p>
                                <p>In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus.</p>
                                <p>Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum.</p>
                            </div>
                        </div>
                        <div class="js-accordion-item js-accordion-item-1-3 accordion_item">
                            <h3 class="accordion_item_heading">
                                <button class="js-accordion-swap js-swap accordion_item_heading_button" data-swap-target=".js-accordion-item-1-3">
                                    <span class="accordion_item_heading_inner">
                                        <span class="accordion_item_heading_label">
                                            <span class="accordion_item_heading_title">Dean's Summer Research Grants</span>
                                        </span>
                                        <span class="accordion_item_heading_icon">
                                            <svg class="icon icon_chevron_down">
                                                <use href="/images/icons.svg#chevron_down" />
                                            </svg>
                                        </span>
                                    </span>
                                </button>
                            </h3>
                            <div class="js-accordion-content accordion_item_content typography" aria-label="Dean's Summer Research Grants">
                                <p>Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum.</p>
                                <p>Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,</p>
                            </div>
                        </div>
                        <div class="js-accordion-item js-accordion-item-1-4 accordion_item">
                            <h3 class="accordion_item_heading">
                                <button class="js-accordion-swap js-swap accordion_item_heading_button" data-swap-target=".js-accordion-item-1-4">
                                    <span class="accordion_item_heading_inner">
                                        <span class="accordion_item_heading_label">
                                            <span class="accordion_item_heading_title">Adjunct Grants</span>
                                        </span>
                                        <span class="accordion_item_heading_icon">
                                            <svg class="icon icon_chevron_down">
                                                <use href="/images/icons.svg#chevron_down" />
                                            </svg>
                                        </span>
                                    </span>
                                </button>
                            </h3>
                            <div class="js-accordion-content accordion_item_content typography" aria-label="Adjunct Grants">
                                <p>In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus.</p>
                                <p>Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum.</p>
                            </div>
                        </div>
                        <div class="js-accordion-item js-accordion-item-1-5 accordion_item">
                            <h3 class="accordion_item_heading">
                                <button class="js-accordion-swap js-swap accordion_item_heading_button" data-swap-target=".js-accordion-item-1-5">
                                    <span class="accordion_item_heading_inner">
                                        <span class="accordion_item_heading_label">
                                            <span class="accordion_item_heading_title">Dean's Faculty Reassignment</span>
                                        </span>
                                        <span class="accordion_item_heading_icon">
                                            <svg class="icon icon_chevron_down">
                                                <use href="/images/icons.svg#chevron_down" />
                                            </svg>
                                        </span>
                                    </span>
                                </button>
                            </h3>
                            <div class="js-accordion-content accordion_item_content typography" aria-label="Dean's Faculty Reassignment">
                                Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- END: Accordion -->
{#
	{% include '@component-accordion' with {
		page_nav_id: '',
		title: 'Title Primary',
		secondary_title: 'Title Secondary',
		description: 'Description',
		grouped: false,
		items: [
			{
				title: 'Item Title',
				description: '<p>Item Description</p>'
			}
		]
	} %}
#}

{% set id = uniqid('js-accordion-item') %}
{% set group_id = uniqid('accordion-group') %}
{% set body_id = uniqid('accordion-body') %}

<!-- Accordion -->
<div class="{% if page_nav_id %}js-page-nav-component {% endif %}js-accordion accordion"{% if page_nav_id %} id="{{ page_nav_id }}"{% endif %}>
	<div class="accordion_header">
		<div class="fs-row">
			<div class="fs-cell">
				<div class="accordion_header_inner">
					<div class="accordion_title">
						<h2 class="accordion_title_primary">{{ title }}</h2>
						{% if secondary_title %}
							<p class="accordion_title_secondary">{{ secondary_title }}</p>
						{% endif %}
					</div>
					{% if description %}
						<div class="accordion_description">
							{{ description }}
						</div>
					{% endif %}
				</div>
			</div>
		</div>
	</div>
	<div class="accordion_body" id="{{ body_id }}">
		<div class="fs-row">
			<div class="fs-cell">
				<div class="accordion_body_inner">
					<div class="accordion_action">
						<button class="js-accordion-all js-swap accordion_action_button" data-swap-target="#{{ body_id }}">
							<span class="accordion_action_button_label accordion_action_button_label_expand">Expand All</span>
							<span class="accordion_action_button_label accordion_action_button_label_collapse">Collapse All</span>
						</button>
					</div>
					<div class="accordion_items">
						{% for item in items %}
							<div class="js-accordion-item {{ id }}-{{ loop.index }} accordion_item">
								<h3 class="accordion_item_heading">
									<button class="js-accordion-swap js-swap accordion_item_heading_button" data-swap-target=".{{ id }}-{{ loop.index }}" {% if grouped %} data-swap-group="{{ group_id }}"{% endif %}>
										<span class="accordion_item_heading_inner">
											<span class="accordion_item_heading_label">
												<span class="accordion_item_heading_title">{{ item.title }}</span>
											</span>
											<span class="accordion_item_heading_icon">{{ icon('chevron_down') }}</span>
										</span>
									</button>
								</h3>
								<div class="js-accordion-content accordion_item_content typography" aria-label="{{ item.title }}">
									{{ item.description }}
								</div>
							</div>
						{% endfor %}
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- END: Accordion -->

No notes defined.