هل يمكنني جعل الشريط الجانبي مخفياً افتراضياً؟

عند تمكين التنقل في الشريط الجانبي، يظهر الشريط الجانبي افتراضيًا، وعندما ينقر المستخدم لأول مرة على أيقونة القائمة، سيتم إخفاء الشريط الجانبي.

هل يمكنني عكس هذا الإعداد، بحيث تظهر الصفحة المقصودة بكامل عرضها عند التحميل الأولي للصفحة وعندما ينقر المستخدم على أيقونة القائمة، سيتم الكشف عن الشريط الجانبي؟

هذا مشابه إلى حد ما لأن الشريط الجانبي يبدو أنه يتم التحكم فيه بواسطة السمة aria-expanded

إعجاب واحد (1)

شكراً لمشاركتك هذا! سيكون هذا هو النهج:


    $(document).ready(function(){
        jQuery(function(){
            jQuery('button.btn-sidebar-toggle).click();
        });
    })

مما يؤثر على الشريط الجانبي للانزلاق إلى الحالة المخفية. لذا، هناك رسوم متحركة تلقائية عند جاهزية المستند، وهذا ليس مثالياً.

في الواقع، اعتقدت أيضاً أن الشريط الجانبي يتم التحكم فيه بواسطة السمة aria، لذلك حاولت هذا:


  $(document).ready(function(){
    $("button.btn-sidebar-toggle").attr("aria-expanded","false");
  })

لكن السمة لا تتحكم في الحالة، بل تشير إليها فقط. لذلك، سيغير هذا المقتطف السمة، ولكنه لن يغير الحالة :upside_down_face:

إعجاب واحد (1)

مرحباً نولو،

لقد قمت بإنشاء مكون لتحقيق ذلك. آمل أن يساعدك :slightly_smiling_face:

4 إعجابات

نعم، هذا يساعد بالفعل! :smile: هذا ما تعثرت فيه لكن لم أتمكن من جعله يعمل..
شكراً جزيلاً على المشاركة @Don :star2:

إعجابَين (2)

شكرا لك، دون! إنه رائع!

إعجاب واحد (1)

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.