• 0

أي كود علي كتابته لإضافة تأثير بسيط؟

السلام عليكم ورحمة الله تعالى وبركاته.

واجهتني مشكلة منذ أسبوعين كاملين ولم أستطع حلها لحد الآن.

المشكلة تتعلق بقائمة منسدلة جميلة، مثال حي:

http://ourfuture11.blogspot.com/

هاته القائمة المنسدلة متجاوبة مع مختلف الأجهزة، لكن المشكلة تكمن في إستخدامها مع الأجهزة الصغيرة كالهاتف مثلا،

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

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
  • 0

طريقة إظهار وإخفاء القوائم باستخدام Jquery هي التالية:

$(document).ready(function() {
    $('#showmenu').click(function() {
            $('.menu').slideToggle("fast");
    });
});

وهذا مثال حي لها.

أو يمكنك استخدام هذه الطريقة أيضا:

$(document).ready(function() {
    $('#showmenu').click(function() {
         $('.menu').toggle("slide");
    });
});

وهذا مثال حي لها.

حيث أن في الأمثلة السابقة showmenu هو اسم Div الخاص بالزر أو بالكلمة المراد الضغط عليها لإظهار القائمة و menu هي القائمة المراد إظهار/إخفائها.

إذا لم يكن هذا ما تريده أو واجهت أية مشكلة فأخبرني.

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
  • 0

آسف على التأخير، بارك الله فيك عزيزي سأجري وإن لم تنجح أتمنى أن تعدل على الكود بنفسك بحيث سأعطيك صلاحية الدخول لمدونتي وتعدل عليه.

أخي لم أعرف كيف أضيفها

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة

يجب أن تكون عضوًا لدينا لتتمكّن من التعليق

انشاء حساب جديد

يستغرق التسجيل بضع ثوان فقط


سجّل حسابًا جديدًا

تسجيل الدخول

تملك حسابا مسجّلا بالفعل؟


سجّل دخولك الآن