jQuery: استبدال التلاشي بالانزلاق

Question

لدي البرنامج النصي أدناه لإخفاء محتوى Div وإظهار آخر

$("#"+objCurrentDiv).fadeOut("slow",function(){
  $("#"+objNewDiv).fadeIn("slow");
});

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

Answer 1

نظرًا لأن الوظيفة القياسية .slidedown و .slideup ستقوم بالتأثير رأسياً ، عليك استخدام .animate مثل هذا:

$("#"+objCurrentDiv).animate({'width':'0%','display':'none'},"slow",function(){
  $("#"+objNewDiv).animate({'width':'100%','display':'block'},"slow");
});