div sẽ trượtDown nhưng nó sẽ không trượt lên

Question

Tôi đang cố gắng hiển thị và ẩn một loạt các div bằng cách sử dụng toggle, slideUp và slideDown. Tôi có thể nhận được div để slideDown nhưng tôi không thể làm cho nó để slideUp. Tôi đã sử dụng kịch bản này mà không có sự cố trước đây vì vậy tôi thực sự bối rối là tại sao điều này không hoạt động. Tôi đã bao gồm kịch bản của tôi và div tôi đang cố gắng để hiển thị và ẩn.

Lưu ý nhanh: Khi tôi đặt một thẻ p cũ thông thường vào div "xe ẩn", nó hoạt động tốt. Nó đã được hiển thị và ẩn như nó được cho là. Tuy nhiên, khi tôi đặt bàn của tôi trở lại vào div đó, nó không hoạt động.

<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

tôi gửi lời khuyên này như một bình luận, và nó đã góp phần giải quyết vấn đề vì vậy tôi đăng nó một lần nữa ở đây:

Khi slideUp/slideDown hình ảnh động chỉ hoạt động một cách, nó thường là một lỗi định vị. Phần tử bạn đang tạo hoạt ảnh cần phải được đặt thành position:relative hoặc các phần tử con của phần tử có một số float được áp dụng cho chúng và không cho chiều cao thật của thành phần gốc.

Tôi sẽ thử thêm float:none vào bảng. Nếu cách đó không hiệu quả, hãy thử thêm position:relative vào div#HiddenVehicles.

Answer 2

Đối với những người không có vấn đề nổi/định vị, tôi thấy rằng việc nâng cấp từ jQuery 1.10 lên 1.11 đã giải quyết được sự cố.