FAQ Accordion

HTML

<dl>
    <dt>What are your hours?</dt>
    <dd>We are open 24/7.</dd>
    <dt>What are your hours?</dt>
    <dd>We are open 24/7.</dd>
    <dt>What are your hours?</dt>
    <dd>We are open 24/7.</dd>
    <dt>What are your hours?</dt>
    <dd>We are open 24/7.</dd>
    <dt>What are your hours?</dt>
    <dd>We are open 24/7.</dd>
</dl>

CSS

.hide {
    display: none;
}

JavaScript

(function() {
    
    $('dd').filter(':nth-child(n+4)').addClass('hide');

    $('dl').on('click', 'dt', function() {
        $(this)
            .next()
                .slideDown(200)
                .siblings('dd')
                    .slideUp(200);
    });
})();