$( '.show-filter, #hideFilter' ).on( 'click', function ( e ) { $( this ).toggleClass( 'active' ); $( '.filter-wrapper' ).toggleClass('active'); } ); $( '.filter-container .facet-name' ).on( 'click', function ( e ) { $( this ).toggleClass( 'active' ).parent().find( '.facet-wrap' ).slideToggle( 400 ); } ); $( '.filter-wrapper' ).on( 'click', function ( e ) { if (e.target !== this) return; $( '.filter-wrapper' ).toggleClass('active'); } ); $( '.card-columnsx .cardx:nth-child(n + 6) .facet-name' ).click();