قضية jQuery Slideup/Slidedown

Question

كنت أواجه مشكلة في صنع شريط تمرير JQuery ، لدي قائمة بالروابط التي تكشف عن المعلومات المقابلة. الروابط المختلفة لها محتوى مختلف ، لذلك لديك ارتفاعات مختلفة ..

إنها تعمل ولكن المشكلة التي أواجهها هي عندما يتم إلحاق محتوى جديد من ارتفاع مختلف ، ينزلق Slidedown () إلى ارتفاع المحتوى السابق (على الرغم من أن المحتوى الجديد موجود!) ثم يعود إلى الارتفاع الصحيح؟ أيضًا عندما يحدث هذا ، لم يعد زر "إغلاق" الخاص بي يعمل.

  $('#timelineDataContainer').slideUp(400,function(){
    $('#timelineData').queue(function(){
      $(this).html('')
        .append('Some new content here....')
        .dequeue();
    });
  });
 $('#timelineDataContainer').slideDown();

هنا مثال عمل من Jfiddle

http://jsfiddle.net/xu6b4/9/

سيكون موضع تقدير أي مساعدة!

Answer 1

أنت تتصل بالمنزل () دون انتظار الانتهاء من slideup ().

هذا يجب أن يعمل كما هو متوقع: http://jsfiddle.net/xu6b4/12/