Ceci est une mise à jour qui fonctionne parfaitement pour mon cas d’utilisation.
Si vous souhaitez masquer un sujet particulier via CSS, au chargement de la page et par la suite, cela le fera. Ajoutez simplement vos identifiants de sujet à la liste des identifiants de sujet :
<script>
document.addEventListener("DOMContentLoaded", function() {
var topicIdsToHide = ["10", "20", "30"]; // Ajoutez vos identifiants de sujet ici
function hideElementsByDataTopicIds() {
topicIdsToHide.forEach(function(id) {
var element = document.querySelector('[data-topic-id="' + id + '"]');
if (element) {
element.style.display = 'none';
}
});
}
// Exécute la fonction initialement
hideElementsByDataTopicIds();
// Crée un observateur de mutations pour surveiller les changements du DOM
var observer = new MutationObserver(function(mutations) {
mutations.forEach(function(mutation) {
hideElementsByDataTopicIds();
});
});
// Observe l'ensemble du document
observer.observe(document.body, { childList: true, subtree: true });
});
</script>