مشاكل ارتفاع حمص المسق

Question

يوم جيد :)

أنا أستخدم JQuery's Animate () على كل من التعتيم والارتفاع، على Div بحجم ثابت.
كل شيء يعمل بشكل جيد ودنيا في فايرفوكس، ولكن في IE8 (مع وبدون وضع التوافق، لذلك أفترض أنه سيكون له نفس السلوك في IE6 و IE7)، تظهر الرسوم المتحركة، ولكن عندما يصل ارتفاع DIV 0٪، يضبط ارتفاع DIG إلى ارتفاع النص داخل هذا div.
أول شيء قمت به على الفور تم تعيين الفائض إلى مخفي، لكنه لا يزال يعطي نفس السلوك.

أنا أستخدم الوظيفة التالية لتبديل / عتامة ببطء:

function OpacityFadeToggle(e_trigger, e_element, speed)
{
    $(e_trigger).toggle(
        function() {
            $(e_element).animate({ 
                opacity:    0.0,
                height:     "0px"
            }, speed);
        },
        function() {
            $(e_element).animate({
                opacity:    1.0,
                height:     "500px"
            }, speed);
        }
    );
}

$(function() {
    OpacityFadeToggle("a#a2", "div#b1", 1000);
});

نمط لبلدي "B1" div هو ما يلي:

div#b1 {
    color:      #ffffff;
    background-color:   #000000;
    overflow:       hidden;
    width:      600px;
    height:     500px;
    padding:        0px;
    margin:     0px;
    display:        block;
}

إذا كنت ترغب في رؤية مثال مباشر، فقد قمت مؤقتا بإعداد صفحة هنا: انقر فوق لي!

أي مساعدة في هذه المسألة موضع تقدير كبير.

Answer 1

ماذا عن الرسوم المتحركة إلى 1PX، ثم يخفي div بعد الانتهاء من الرسوم المتحركة؟ أيضا، تأكد من إظهار DIV مرة أخرى قبل الحركة من 1PX إلى 500px.

function OpacityFadeToggle(e_trigger, e_element, speed)
{
    $(e_trigger).toggle(
        function() {
                $(e_element).animate({ 
                        opacity:        0.0,
                        height:         "1px"
                }, speed).hide();
        },
        function() {
                $(e_element).show().animate({
                        opacity:        1.0,
                        height:         "500px"
                }, speed);
        }
    );
}

Answer 2

يمكنك محاولة إضافة رد اتصال إلى مكالمة JQuery's Animate، وداخل الاتصال إخفاء DIV عن طريق تغيير خاصية عرضها.