Ich versuche, eine Reihe von Divs mit Toggle, SlideUp und SlideDown ein- und auszublenden. Ich bin in der Lage, das div zum slideDown zu bringen, aber ich kann es nicht zum slideUp bringen. Ich habe dieses Skript zuvor ohne Zwischenfälle verwendet, daher bin ich wirklich verwirrt, warum dies nicht funktioniert. Ich habe mein Skript und das div eingefügt, das ich ein- und ausblenden möchte.

Kurzer Hinweis: Wenn ich ein normales altes p-Tag in das div "Hidden Vehicles" einfüge, funktioniert es einwandfrei. Es zeigte und versteckte sich, wie es sollte. Als ich jedoch meinen Tisch wieder in dieses Div stellte, funktionierte es nicht.

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