Slide Effekte

Coole Effekte um Boxen ein- oder auszublenden!

Bereich von unten nach oben ausfahren bzw. von oben nach unten einfahren lassen:

Für Demo hier klicken

<div id="bY_a" style="background: #ccc;">
<div>Hier kommt der Inhalt, der in der Box ist, die aus- bzw. eingefahren wird.</div>
</div>
<p><a href="#" onclick="Effect.toggle('bY_a', 'slide'); return false;">Ausklappen</a></p>

Bereich von oben nach unten ausfahren bzw. von unten nach oben einfahren lassen:

Für Demo hier klicken

<div id="bY_b" style="background: #ccc;">
<div>Hier kommt der Inhalt, der in der Box ist, die aus- bzw. eingefahren wird.</div>
</div>
<p><a href="#" onclick="Effect.toggle('bY_b', 'blind'); return false;">Ausklappen</a></p>

Bereich langsam aus- bzw. einblenden:

Für Demo hier klicken

<div id="bY_c" style="background: #ccc;">
<div>Hier kommt der Inhalt, der in der Box ist, die aus- bzw. eingefahren wird.</div>
</div>
<p><a href="#" onclick="Effect.toggle('bY_c', 'appear'); return false;">Ausklappen</a></p>

Falls die Boxen standardmäßig ausgeblendet sein sollen, gib ihnen einfach ein "display: none;":

<div id="bY_x" style="background: #ccc; display: none;">