Eu estou tentando mostrar e ocultar uma série de divs usando toggle, slideUp e slideDown. Eu sou capaz de obter o div para slideDown mas não consigo obtê-lo para slideUp. Eu usei este script sem incidentes antes, então estou muito confuso sobre o porquê de isso não estar funcionando. Eu incluí meu script e o div que estou tentando mostrar e ocultar.

Nota rápida: Quando eu coloco uma tag p antiga regular nos "veículos escondidos" div, funcionou bem. Estava mostrando e se escondendo como deveria. No entanto, quando eu coloquei minha mesa de volta para essa div, não funcionou.

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