شعبة سوف slideDown لكنه لن slideUp

Question

وأنا محاولة لإظهار وإخفاء مجموعة من عناصر div باستخدام تبديل، slideUp وslideDown. وأنا قادرة على الحصول على شعبة لslideDown ولكن لا أستطيع الحصول عليه للslideUp. لقد استعملت هذا البرنامج النصي دون وقوع حوادث قبل ذلك أنا الخلط حقا لماذا هذا لا يعمل. ولقد تضمنت بلدي النصي وشعبة أنا محاولة لإظهار وإخفاء.

ملحوظة سريعة: عندما أضع العادية العلامة ص القديمة في شعبة "المركبات مخبأة"، أنها عملت غرامة. وكان إظهار وإخفاء مثل كان من المفترض أن. ومع ذلك، عندما أضع الجدول مرة أخرى إلى أن شعبة، لم يفعل ذلك العمل.

<script type="text/javascript">
$(document).ready(function() {
    $(".ShowVehicles").toggle(function() {
        $(".HiddenVehicles").slideDown(2000);
        $(this).text("Hide All");
    }, function () {
        $(".HiddenVehicles").slideUp(2000);
        $(this).text("Show All");                
    });
});

<div class="HiddenVehicles" style="display:none; width:730px;">
    (there will be a giant table in here)
    </div>

Answer 1

نشرت لي هذه النصيحة كتعليق، وأنه يساعد على حل المشكلة لذلك أنا نشرها مرة أخرى هنا:

عند slideUp / slideDown الرسوم المتحركة فقط يعمل في اتجاه واحد، وغالبا ما يكون علة لتحديد المواقع. أما العنصر كنت موحية يحتاج إلى أن يكون لتعيين position:relative أو أبناء عنصر لديهم float يطبق عليهم ولا يعطي العنصر الأصل ارتفاع صحيح.

وأود أن محاولة مضيفا float:none الى طاولة المفاوضات. إذا كان ذلك لا تحاول العمل مضيفا position:relative إلى div#HiddenVehicles.

Answer 2

لأولئك الذين لا تطفو / تحديد المواقع مشاكل، وجدت أن الترقية من مسج 1،10-1،11 حل المشكلة.