Questo è un aggiornamento che funziona perfettamente per il mio caso d’uso.
Se vuoi nascondere un particolare argomento tramite CSS, al caricamento della pagina e da quel momento in poi, questo lo farà. Basta aggiungere i tuoi ID argomento all’elenco degli ID argomento:
<script>
document.addEventListener("DOMContentLoaded", function() {
var topicIdsToHide = ["10", "20", "30"]; // Aggiungi qui i tuoi ID argomento
function hideElementsByDataTopicIds() {
topicIdsToHide.forEach(function(id) {
var element = document.querySelector('[data-topic-id="' + id + '"]');
if (element) {
element.style.display = 'none';
}
});
}
// Esegui la funzione inizialmente
hideElementsByDataTopicIds();
// Crea un osservatore di mutazioni per monitorare le modifiche al DOM
var observer = new MutationObserver(function(mutations) {
mutations.forEach(function(mutation) {
hideElementsByDataTopicIds();
});
});
// Osserva l'intero documento
observer.observe(document.body, { childList: true, subtree: true });
});
</script>