Ce code définit une fonction jQuery qui ajoute ou retire la classe ‘active’ d ‘éléments cliqués et ajoute ou retire la classe active d’autres éléments en fonction des valeurs de l ‘attribut data-tag des deux types d’éléments.
(function($){
$(document).ready(function() {
$('body').on('click','.selectTagJs', function() {
$(this).toggleClass('active');
var activeTags = $('.selectTagJs.active').map(function() {
return $(this).data('tag');
}).get();
if(activeTags.length > 0) {
$('.tagItemJs').each(function() {
var tags = $(this).data('tag').split(',');
if(tags.some(function(tag) { return activeTags.includes(tag); })) {
$(this).addClass('active');
} else {
$(this).removeClass('active');
}
});
} else {
$('.tagItemJs').addClass('active');
}
});
});
})(jQuery);