Responsive Starter Kit Pro - Code Sample - Collapsible Content (Show-Hide) setup for global.js

rskp-collapsible-setup.js

<script>
$(document).ready(function () {
    
    // collapsible content
    if ($('.show-hide').length > 0) {
        // Close by default
        $('.show-hide .body').hide();
        
        // Expand/collapse content when header is clicked
        $('.show-hide .toggle').click(function(e) {
            e.preventDefault();
            var  = $(this);
            if (.hasClass('active')) {
                .removeClass('active');
                $(this).next('.body').slideUp('fast');
            } else {
                .removeClass('active');
                .addClass('active');
                $(this).next('.body').slideDown('fast');
            }
        });
        
        // 'Hide' links for small screens
        $('.show-hide .close-section').click(function(e) {
            e.preventDefault();
            $(this).parent('.body').slideUp('fast');
            $(this).closest('.show-hide').find('.toggle').removeClass('active');
        });
    }
});
</script>