Tutorial HTML, CSS u. PHP - Forum

[philipp e.]

Hallo Leute,
ich bin ein großer Freund von ausblendbaren DIVs geworden, deswegen setze ich sie auch überall ein. Natürlich wäre es schöner, das ganze wegsliden zu lassen. Also ein ganz einfaches Skript:

Code: Alles auswählen

function closediv(divid)
{
document.getElementById(divid).style.display = "none";
// SLIDER???
}


Wie kann ich z. B. da einen Slider einbauen?

[Sören]

Meinst du mit sliden, langsam verschwinden?
Dafür gibt es eine Funktion von jQuery:

Code: Alles auswählen

$("#" + divid).hide(<zeit in millisekunden>);

und entsprechend auch .show().

[philipp e.]

Echt krass. Vielen Dank

[Flow Snow]

Oder auch mit CSS.

[Sören]

Da display keine "animatable Property" ist, musst du denn Block aus der Seite verschieben und diese Aktion mit transitions animieren.

[Sarkkan]

Da display keine "animatable Property" ist, musst du denn Block aus der Seite verschieben und diese Aktion mit transitions animieren.

Auch mit jQuery ist Display leider keine "animatable Property"^^ Aber die Höhe ist sehr wohl eine..

[Sören]

Mit Höhe und/oder Breite 0 setzen gehts natürlich auch
Ich wusste ja nicht, wies bei jQuery gemacht wurde.