div wird slidedown aber es wird nicht slideUp
Frage
Ich bin versucht, eine Reihe von div-Tags mit Toggle, slideUp und slidedown ein- und ausgeblendet. Ich kann die div slidedown bekommen, aber ich kann es slideUp nicht bekommen. Ich habe vor, dieses Skript ohne Zwischenfälle verwendet, so bin ich wirklich verwirrt, warum dies nicht funktioniert. Ich habe meinen Skript und die div enthalten Ich bin versucht zu zeigen und sie zu verstecken.
Quick Hinweis: Wenn ich einen regelmäßigen alten p-Tag in den „versteckten Fahrzeugen“ div setzen, es funktioniert gut. Es zeigte und sich versteckt, wie es sollte. Allerdings, wenn ich meinen Tisch zurück in das div gestellt, es hat nicht funktioniert.
<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>
Lösung
Ich stelle diesen Rat als Kommentar, und es half, das Problem zu beheben, so dass ich es bin Entsendung wieder hier:
Wenn slideUp / slidedown Animationen nur eine Art und Weise arbeiten, ist es oft eine Positionierung Fehler. Entweder ist das Element, das Sie Bedürfnisse animieren zu position:relative
eingestellt werden oder die Kinder des Elements haben eine float
auf sie angewandt und gibt nicht die übergeordnete Element wahre Höhe.
Ich würde versuchen, float:none
auf den Tisch legen. Wenn das nicht try Arbeit Zugabe position:relative
zum div#HiddenVehicles
.
Andere Tipps
Für diejenigen ohne Schwimmer / Positionierung Probleme, fand ich, dass ein Upgrade von jQuery 1,10-1,11 das Problem gelöst.