إخفاء جميع المواضيع "عن فئة X"

مطور
11

هذا تحديث يعمل بشكل مثالي لحالة الاستخدام الخاصة بي.

إذا كنت ترغب في إخفاء موضوع معين عبر CSS، عند تحميل الصفحة وبعد ذلك، سيؤدي هذا إلى تحقيقه. فقط أضف معرفات الموضوع الخاصة بك إلى قائمة معرفات الموضوع:

<script>
  document.addEventListener("DOMContentLoaded", function() {
    var topicIdsToHide = ["10", "20", "30"]; // أضف معرفات الموضوع الخاصة بك هنا

    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>