{% extends 'landing/component/subsection/definition.html' %}

{% block subsection_content %}
    <p>An accordion is a vertically stacked list of items that can be expanded or collapsed to reveal more content. Each item has a header that is always visible and a body that appears when the header is clicked.</p>

    <p>Accordions help organize content, reduce scrolling, and present information in a manageable way. They can include icons, animations, and can be configured to allow multiple or single item expansion.</p>
    <ul>
        <li>Reduces vertical scrolling for easier navigation.</li>
        <li>Organizes content into sections for better readability.</li>
        <li>Allows users to focus on one section at a time.</li>
    </ul>
{% endblock %}
