ACCORDION

                
<h2 class="mb-4">Accordion Style 1</h2>
<div class="accordion accordion-style-1" id="accordion1">
    <!-- item -->
    <div class="accordion-item">
        <div class="accordion-title">
            <a class="h4 mb-0" data-toggle="collapse" href="#collapse-1">Fusce vulputate eleifend sapien. Vestibulum purus quam</a>
        </div>
        <div class="collapse show" id="collapse-1" data-parent="#accordion1">
            <div class="accordion-content">Fusce vulputate eleifend sapien. Vestibulum purus quam, scelerisque ut, mollis sed, 
                nonummy id, metus. Nullam accumsan lorem in dui. Cras ultricies mi eu turpis hendrerit 
                fringilla. Vestibulum ante ipsum primis in faucibus orci luctus Curae.
            </div>
        </div>
    </div>
    <!-- item -->
    <div class="accordion-item">
        <div class="accordion-title">
            <a class="h4 mb-0 collapsed" data-toggle="collapse" href="#collapse-2">Fusce vulputate eleifend sapien. Vestibulum purus quam</a>
        </div>
        <div class="collapse" id="collapse-2" data-parent="#accordion1">
            <div class="accordion-content">Fusce vulputate eleifend sapien. Vestibulum purus quam, scelerisque ut, mollis sed, 
                nonummy id, metus. Nullam accumsan lorem in dui. Cras ultricies mi eu turpis hendrerit 
                fringilla. Vestibulum ante ipsum primis in faucibus orci luctus Curae.
            </div>
        </div>
    </div>
</div>
                
                Copy to clipboard
                

                
<h2 class="mb-4">Accordion Style 2</h2>
<div class="accordion accordion-style-2" id="accordion2">
    <!-- item -->
    <div class="accordion-item">
        <div class="accordion-title">
            <a class="h4 mb-0" data-toggle="collapse" href="#collapse-2-1">Fusce vulputate eleifend sapien. Vestibulum purus quam</a>
        </div>
        <div class="collapse show" id="collapse-2-1" data-parent="#accordion2">
            <div class="accordion-content">Fusce vulputate eleifend sapien. Vestibulum purus quam, scelerisque ut, mollis sed, 
                nonummy id, metus. Nullam accumsan lorem in dui. Cras ultricies mi eu turpis hendrerit 
                fringilla. Vestibulum ante ipsum primis in faucibus orci luctus Curae.
            </div>
        </div>
    </div>
    <!-- item -->
    <div class="accordion-item">
        <div class="accordion-title">
            <a class="h4 mb-0 collapsed" data-toggle="collapse" href="#collapse-2-2">Fusce vulputate eleifend sapien. Vestibulum purus quam</a>
        </div>
        <div class="collapse" id="collapse-2-2" data-parent="#accordion2">
            <div class="accordion-content">Fusce vulputate eleifend sapien. Vestibulum purus quam, scelerisque ut, mollis sed, 
                nonummy id, metus. Nullam accumsan lorem in dui. Cras ultricies mi eu turpis hendrerit 
                fringilla. Vestibulum ante ipsum primis in faucibus orci luctus Curae.
            </div>
        </div>
    </div>
</div>
                
                Copy to clipboard
                

                
<h2 class="mb-4">Accordion Style 3</h2>
<div class="accordion accordion-style-3" id="accordion3">
    <!-- item -->
    <div class="accordion-item">
        <div class="accordion-title">
            <a class="h4 mb-0" data-toggle="collapse" href="#collapse-3-1">Fusce vulputate eleifend sapien. Vestibulum purus quam</a>
        </div>
        <div class="collapse show" id="collapse-3-1" data-parent="#accordion3">
            <div class="accordion-content">Fusce vulputate eleifend sapien. Vestibulum purus quam, scelerisque ut, mollis sed, 
                nonummy id, metus. Nullam accumsan lorem in dui. Cras ultricies mi eu turpis hendrerit 
                fringilla. Vestibulum ante ipsum primis in faucibus orci luctus Curae.
            </div>
        </div>
    </div>
    <!-- item -->
    <div class="accordion-item">
        <div class="accordion-title">
            <a class="h4 mb-0 collapsed" data-toggle="collapse" href="#collapse-3-2">Fusce vulputate eleifend sapien. Vestibulum purus quam</a>
        </div>
        <div class="collapse" id="collapse-3-2" data-parent="#accordion3">
            <div class="accordion-content">Fusce vulputate eleifend sapien. Vestibulum purus quam, scelerisque ut, mollis sed, 
                nonummy id, metus. Nullam accumsan lorem in dui. Cras ultricies mi eu turpis hendrerit 
                fringilla. Vestibulum ante ipsum primis in faucibus orci luctus Curae.
            </div>
        </div>
    </div>
</div>
                
                Copy to clipboard
                

                
<h2 class="mb-4">Accordion Style 4</h2>
<div class="accordion accordion-style-4" id="accordion4">
    <!-- item -->
    <div class="accordion-item">
        <div class="accordion-title">
            <a class="h4 mb-0" data-toggle="collapse" href="#collapse-4-1">Fusce vulputate eleifend sapien. Vestibulum purus quam</a>
        </div>
        <div class="collapse show" id="collapse-4-1" data-parent="#accordion4">
            <div class="accordion-content">Fusce vulputate eleifend sapien. Vestibulum purus quam, scelerisque ut, mollis sed, 
                nonummy id, metus. Nullam accumsan lorem in dui. Cras ultricies mi eu turpis hendrerit 
                fringilla. Vestibulum ante ipsum primis in faucibus orci luctus Curae.
            </div>
        </div>
    </div>
    <!-- item -->
    <div class="accordion-item">
        <div class="accordion-title">
            <a class="h4 mb-0 collapsed" data-toggle="collapse" href="#collapse-4-2">Fusce vulputate eleifend sapien. Vestibulum purus quam</a>
        </div>
        <div class="collapse" id="collapse-4-2" data-parent="#accordion4">
            <div class="accordion-content">Fusce vulputate eleifend sapien. Vestibulum purus quam, scelerisque ut, mollis sed, 
                nonummy id, metus. Nullam accumsan lorem in dui. Cras ultricies mi eu turpis hendrerit 
                fringilla. Vestibulum ante ipsum primis in faucibus orci luctus Curae.
            </div>
        </div>
    </div>
</div>
                
                Copy to clipboard