اذهب إلى المحتوى

السؤال

نشر

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

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

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

http://ourfuture11.blogspot.com/

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

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

Recommended Posts

  • 0
نشر

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

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

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

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

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

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

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

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

  • 0
نشر

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

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

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...