Hallo Leute,
ich möchte in eine Seite einen typischen Toggle-Effekt integrieren. Bei Klick klappt eine Box auf mit Inhalt auf, bei erneutem Klick wieder zu. Der klassische Toggle-Effekt schiebt aber den Inhalt der darunter liegt nach unten. Das soll nicht passieren, die Box soll sich wie bei einem Hover-Effekt über den Content legen. Ist das reine Sache von CSS oder bin ich da mit der Toggle-Funktion falsch beraten?
Hier ein Beispiel: https://dl.dropbox.com/u/5228989/toggletest.html
Der Effekt soll wie hier funktionen. http://www.sitzclub.de/ (Oben bei Warenkorb auf den Pfeil oder links auf den Newsletter-Button)
ich möchte in eine Seite einen typischen Toggle-Effekt integrieren. Bei Klick klappt eine Box auf mit Inhalt auf, bei erneutem Klick wieder zu. Der klassische Toggle-Effekt schiebt aber den Inhalt der darunter liegt nach unten. Das soll nicht passieren, die Box soll sich wie bei einem Hover-Effekt über den Content legen. Ist das reine Sache von CSS oder bin ich da mit der Toggle-Funktion falsch beraten?
Hier ein Beispiel: https://dl.dropbox.com/u/5228989/toggletest.html
HTML:
<html>
<head>
<title>Test</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.js"></script>
</head>
<body>
<div id="btn" style="color:red">Klick für Toggle</div>
<div class="box_blue" id="slideToggleBox" style="display: none;">Inhalt des Toggles</div>
<script>$("#btn").click(function () {$("#slideToggleBox").slideToggle("slow");});</script>
Content Content Content<br>
Content Content Content<br>
Content Content Content<br>
Content Content Content<br>
</body>
</html>Der Effekt soll wie hier funktionen. http://www.sitzclub.de/ (Oben bei Warenkorb auf den Pfeil oder links auf den Newsletter-Button)
Zuletzt bearbeitet:
