slideDown von unten nach oben (und nicht von oben nach unten)

Ich möchte zuerst ein div verbergen und dann zeigen es von unten nach oben. Ich habe gesehen, dass jQuery eine schöneslideDown von unten nach oben (und nicht von oben nach unten)

.slideDown()

Wirkung hat, aber dieser Übergang die Richtung verwendet, ist das Gegenteil von dem, was ich brauche (es immer beginnt das Element von oben zeigt). Ich möchte am Ende einen "Turm" aus divs bauen, um dir ein geistiges Bild davon zu geben, was ich erreichen möchte.

Wie kann was ich will mit jQuery gelöst werden? Ich habe schon verschiedene Dinge ausprobiert, aber es hat nicht funktioniert! Beachten Sie, dass die Höhe des div UNBEKANNT ist, da es bei der Berechnung berechnet wird (in der Theorie kenne ich die Höhe des div rechts, wenn ich es enthülle).

Beachten Sie, dass das div keine feste oder absolute Position hat. Außerdem sind mehrere dieser divs übereinander gestapelt. Sie werden von unten nach oben offengelegt.

Links: http://api.jquery.com/slideDown/

Quelle

2016-07-13 Jonas Kaufmann

Mögliche Duplikat [Jquery Dia div oben von unten auf der Seite] (http://stackoverflow.com/questions/25174144/jquery-slide-div-von-bottom-of-page) –

@ MartinHučko danke das sieht gut aus! Nicht so einfach wie ich dachte –

@ MartinHučko Okay, dass die Lösung nicht für mein Problem verwendbar ist. Mein div hat keine ** fixed position ** wie die verlinkte! –

Ich habe versucht, dies mit folgendem Code:

HTML:

<div style="height:200px; width: 200px; background-color: red;"> 
<span style="color:#fff">Click here</span> 
</div>

JQuery:

$("div").click(function() { 
     $(this).hide("slide", { direction: "up" }, 1000); 
     //direction: up,down 
});

für mehr diese Geige Link Check out .. Click here

Hoffe, dass es Ihnen hilft ...

Glücklich Codierung .. :)

Quelle

2016-07-13 13:33:09

Was du gepostet hast ** verbirgt ** das div von unten nach oben. Was ich brauche ist, dass das div ** ** von unten nach oben zeigt. Ich habe versucht, Ihren Code zu bearbeiten, indem Sie ihn zuerst ausblenden und dann mit Ihrer Methode anzeigen, aber das führt nur zur Standard-Funktion slideDown(), die genau das ist, was ich nicht möchte. –

ok lass mich es noch einmal versuchen –

Hallo Überprüfen Sie diesen Link: https://jsfiddle.net/adminsunil/8tocgoyw/1/ –

slideDown von unten nach oben (und nicht von oben nach unten)

Antwort

Verwandte Themen