كيف يمكنني إخفاء فئة فرعية من الظهور في قائمة الفئات؟

شكراً على الرد!

ملاحظة: لقد استدعيت الميزة المخفية التي تسمح بفئة متداخلة إضافية، 3 إجمالاً مقابل 2.

إليك مثال قد يوضح المشكلة بشكل أفضل:
على سبيل المثال، الصفحة الرئيسية:
اختبار (فئة)

  • اختبار - فرعي 1 (فئة متداخلة من الفئة الأم اختبار)
    في هذا السيناريو،
.category .subcategories {
      display: none;
    }

يعمل بشكل جيد.
image
كما ترى، لم يتم عرض الفئة الفرعية المتداخلة اختبار - فرعي 1.

إذا أضفت فئة فرعية متداخلة أخرى:
اختبار - فئة فرعية 2، مع الفئة الفرعية 1 كوالد لها:


كما ترى في الصورة أعلاه، تم إخفاء اختبار - فرعي 2
وفقًا لكود CSS، ولكن اختبار - فرعي 1 لم يعد مخفيًا.

المشكلة الآن على شقين:
يمكنني إخفاء عنوان اختبار - فرعي 1، وتعيين فئته إلى display: none، ولكنه يخفي أيضًا جميع الفئات الأصلية في الصفحة الرئيسية.
المشكلة الثانية هي أنه حتى لو تمكنت من عزل وإخفاء الفئة الفرعية المتداخلة اختبار - فرعي 1 فقط، فإن المساحة التي تشغلها لا تزال موجودة وستكون مشكلة، أحتاج إلى حوالي 20 فئة أخرى في الصفحة الرئيسية مع فئتين فرعيتين متداخلتين لكل منهما.
من الناحية المثالية، أريد فقط أن يتمكن المستخدم النهائي من النقر على فئة الاختبار والوصول إلى الفئات المتداخلة الأخرى، وما إلى ذلك، وهو ما يتم تحقيقه بسهولة، عبر
عرض قائمة الفئات الفرعية فوق المواضيع في هذه الفئة.
وتعيين: أنماط قائمة الفئات الفرعية إلى، على سبيل المثال، مربعات، وما إلى ذلك.

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

أفكار؟