HTML5 & CSS3 & jQuery & SASS & slide out jquery
تعتبر من الاجزاء الحديثة و متعددة الاستخدام على الانترنت و هي القائمة الجانبية لها نصيب اكبر للعمل مع المواقع ذو خاصية احجام الشاشات و هي عبارة عن قائمة مختفية و بمجرد الضغط على ايكونت القائمة تاتي لك من جانت الشاشة تعرف عليها اكثر
جزء صغير من الكود
(function($){ var menuToggle = $('.menu-toggle'); var slideing = $('.slideing-menu'); var slideingWidth = slideing.width(); menuToggle.on('click', function(e){ e.preventDefault(); slideing.toggleClass('open'); if(slideing.hasClass('open')){ slideing.animate({ left: '0px' }); }else{ slideing.animate({ left: -slideingWidth }, 250) } }); }(jQuery));