<!-- Accordion -->
<div class="js-accordion accordion">
<div class="fs-row">
<div class="fs-cell fs-lg-8 fs-lg-justify-center">
<div class="accordion_inner">
<div class="accordion_header">
<h2 class="accordion_title">
<span class="accordion_title_label">Parents and Families FAQ</span>
</h2>
<div class="accordion_description">
<p>Commonly asked questions by parents and families.</p>
</div>
</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_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">How will I know my child is safe?</span>
</span>
<span class="accordion_item_heading_icon"></span>
</span>
</button>
</h3>
<div class="js-accordion-content accordion_item_content typography" aria-labelled="How will I know my child is safe?">
Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. <a href="#">Donec ullamcorper nulla</a> non metus auctor fringilla.
</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_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">What are the types of licensed care in Oregon?</span>
</span>
<span class="accordion_item_heading_icon"></span>
</span>
</button>
</h3>
<div class="js-accordion-content accordion_item_content typography" aria-labelled="What are the types of licensed care in Oregon?">
Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. <a href="#">Donec ullamcorper nulla</a> non metus auctor fringilla.
</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_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">What is Child Care Resource and Referral?</span>
</span>
<span class="accordion_item_heading_icon"></span>
</span>
</button>
</h3>
<div class="js-accordion-content accordion_item_content typography" aria-labelled="What is Child Care Resource and Referral?">
<a href="#">Child Care Resource and Referral Agencies (CCR&Rs)</a> are grass roots programs that provide child care referrals and parenting information to parents, training and technical assistance to child care providers, information and support for employers and for the community. There are currently 13 community-based CCR&Rs in Oregon receiving state funding. All are members of the Central Coordination of Oregon Child Care Resource and Referral.
</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_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">Who do I call if I think my provider is not following the rules?</span>
</span>
<span class="accordion_item_heading_icon"></span>
</span>
</button>
</h3>
<div class="js-accordion-content accordion_item_content typography" aria-labelled="Who do I call if I think my provider is not following the rules?">
Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. <a href="#">Donec ullamcorper nulla</a> non metus auctor fringilla.
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END: Accordion -->
{#
{% include '@component-accordion' with {
title: 'Title',
description: 'Description',
grouped: false,
items: [
{
title: 'Item Title',
subtitle: 'Item Subtitle',
description: '<p>Item Description</p>'
}
]
} %}
#}
{% set id = uniqid('js-accordion-item') %}
{% set group_id = uniqid('accordion-group') %}
<!-- Accordion -->
<div class="js-accordion accordion">
<div class="fs-row">
<div class="fs-cell {{ cell }}">
<div class="accordion_inner">
{% if title or description %}
<div class="accordion_header">
{% if title %}
<h2 class="accordion_title">
<span class="accordion_title_label">{{ title }}</span>
</h2>
{% endif %}
{% if description %}
<div class="accordion_description">
<p>{{ description }}</p>
</div>
{% endif %}
</div>
{% endif %}
<div class="accordion_items">
{% for item in items %}
<div class="js-accordion-item {{ id }}-{{ loop.index }} accordion_item">
{% if item.title %}
<h3 class="accordion_item_heading">
{% else %}
<h2 class="accordion_item_heading">
{% endif %}
<button class="js-accordion-swap js-swap accordion_item_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>
{% if item.subtitle %}
<span class="accordion_item_heading_subtitle">{{ item.subtitle }}</span>
{% endif %}
</span>
<span class="accordion_item_heading_icon"></span>
</span>
</button>
{% if item.title %}
</h3>
{% else %}
</h2>
{% endif %}
<div class="js-accordion-content accordion_item_content typography" aria-labelled="{{ item.title }}{% if item.subtitle %} {{ item.subtitle }}{% endif %}">
{{ item.description }}
</div>
</div>
{% endfor %}
</div>
</div>
</div>
</div>
</div>
<!-- END: Accordion -->
No notes defined.