Estoy intentando mostrar y ocultar una serie de divs usando toggle, slideUp y slideDown. Soy capaz de hacer que el div se deslice hacia abajo, pero no puedo hacerlo para deslizar hacia arriba. He usado este script sin incidentes antes, así que estoy realmente confundido en cuanto a por qué esto no funciona. He incluido mi script y el div que intento mostrar y ocultar.

Nota rápida: cuando puse una etiqueta antigua p en la división de "vehículos ocultos", funcionó bien. Se estaba mostrando y escondiéndose como se suponía. Sin embargo, cuando puse mi mesa de nuevo en esa división, no funcionó.

<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>