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));