# Ocultar todos os tópicos "sobre a categoria x"

**URL:** <https://meta.discourse.org/t/hide-all-about-the-x-category-topics/308536>\
**Category:** Development\
**Tags:** css\
**Created:** [Maio 18, 2024, 1:40pm UTC](https://meta.discourse.org/t/hide-all-about-the-x-category-topics/308536 "2024-05-18T13:40:29Z")\
**Posts on this page:** 1\
**Showing post:** 11

<div class="post-metadata">

**Author:** ![jordan-violet](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jordan-violet/32/281428_2.png) [@jordan-violet](https://meta.discourse.org/u/jordan-violet)\
**Post date:** [Maio 19, 2024, 9:13am UTC](https://meta.discourse.org/t/hide-all-about-the-x-category-topics/308536/11 "2024-05-19T09:13:14Z")

</div>

Esta é uma atualização que funciona perfeitamente para o meu caso de uso.

Se você quiser ocultar um tópico específico via CSS, no carregamento da página e daí em diante, isto fará o trabalho. Basta adicionar seus IDs de tópico à lista de IDs de tópico:

```html
<script>
  document.addEventListener("DOMContentLoaded", function() {
    var topicIdsToHide = ["10", "20", "30"]; // Adicione seus IDs de tópico aqui

    function hideElementsByDataTopicIds() {
      topicIdsToHide.forEach(function(id) {
        var element = document.querySelector('[data-topic-id="' + id + '"]');
        if (element) {
          element.style.display = 'none';
        }
      });
    }

    // Executa a função inicialmente
    hideElementsByDataTopicIds();

    // Cria um observador de mutação para monitorar as alterações no DOM
    var observer = new MutationObserver(function(mutations) {
      mutations.forEach(function(mutation) {
        hideElementsByDataTopicIds();
      });
    });

    // Observa o documento inteiro
    observer.observe(document.body, { childList: true, subtree: true });
  });
</script>

```

---

_[View the full topic](https://meta.discourse.org/t/hide-all-about-the-x-category-topics/308536)._