Arabic Slideing Out Menu jQuery القائمة الجانبية

slideing out menu القائمة الجانبية

HTML5 & CSS3 & jQuery & SASS & slide out jquery

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

slide out menu toggle jquery

Download Now

جزء صغير من الكود


        
(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));
  • HTML-CSS jQuery
  • css3 html5 jquery sass