Tengo un conjunto de botones según el HTML a continuación. Una vez que se hace clic en el botón, se mostrará el conjunto de datos de acuerdo con el filtro de datos.

Dos preguntas.

1. ¿Cómo hago para que se muestre todo cuando hago clic en el botón Noticias? (significa sin filtro)
2. Actualmente, cuando hago clic en el botón y hago clic en otro botón, el botón anterior aún estará seleccionado. ¿Cómo deselecciono el anterior cuando se hace clic en otro botón?

 <div class="filters" id="getFixed"> <div class="ui-group"> <div class="button-group js-radio-button-group"> <li class="sort-button" data-filter="">News</li> <li class="sort-button" data-filter=".instructor">Instructors</li> <li class="sort-button" data-filter=".clubs">Club Spotlight</li> </div> </div> </div>

 var filters = []; $('.filters').on( 'click', '.sort-button', function( event ) { var $target = $( event.currentTarget ); $target.toggleClass('is-checked'); var isChecked = $target.hasClass('is-checked'); var filter = $target.attr('data-filter'); if ( isChecked ) { addFilter( filter ); } else { removeFilter( filter ); } $grid.isotope({ filter: filters.join(',') }); });

¡Gracias de antemano!