Это обновление отлично подходит для моего случая.
Если вы хотите скрыть определённую тему с помощью CSS при загрузке страницы и далее, это поможет. Просто добавьте ID ваших тем в список ID тем:
<script>
document.addEventListener("DOMContentLoaded", function() {
var topicIdsToHide = ["10", "20", "30"]; // Добавьте сюда ID ваших тем
function hideElementsByDataTopicIds() {
topicIdsToHide.forEach(function(id) {
var element = document.querySelector('[data-topic-id="' + id + '"]');
if (element) {
element.style.display = 'none';
}
});
}
// Запустить функцию изначально
hideElementsByDataTopicIds();
// Создать наблюдатель мутаций для отслеживания изменений в DOM
var observer = new MutationObserver(function(mutations) {
mutations.forEach(function(mutation) {
hideElementsByDataTopicIds();
});
});
// Наблюдать за всем документом
observer.observe(document.body, { childList: true, subtree: true });
});
</script>