toggle mehrer Divs bei Klick auf Button
Liebe xhtmlforum-Community
Ich habe auf einer Website rechts am Rand 3 Buttons untereinander platziert. - Kontakt - News - Suche Wenn ich auf einen dieser Buttons klicke, kommt das entsprechende Div von rechts ins Bild. Wenn ich auf den selben Button klicke, verschwindet das Div wieder. Das funktioniert soweit alles. Nun wäre es aber noch besser, dass das offene Div verschwindet, sobald man eins der anderen beiden Buttons klickt. Z.B. hätte was also das Suchen-Div sichtbar; wenn ich jetzt auf den News-Button klicke, verschwindet das Suchen-Div und stattdessen erscheint eben das News-Div. Ist das mit meinem bisherigen Code überhaupt machbar? HTML-Code:
<script> |
Von JavaScript und jQuery habe ich nicht wirklich Ahnung, aber zum Rumprobieren reicht es gerade:
HTML-Code:
<!doctype html> |
Zitat:
Nur muss ich jetzt aufpassen, im CSS ist ja definiert, dass div div nicht erscheint. Wenn ich das so in die Seite einbaue, fehlen einiges an Inhalt, weil die Situation div div doch ein paar mal vorkommt. Ich könnte das umgehen, in dem ich dem ersten div eine Klasse zuweise, also z.B. HTML-Code:
<div class="slider"> HTML-Code:
div.slider div { display: none; padding: 1em; font-size: 2em; color: white; background-color: red; } HTML-Code:
$( 'div.slider' ).find( $class_value ).toggleClass( 'show' ); |
Zitat:
|
Hier noch ein Beispiel.
Klassen sind nicht nötig, es zählt nur die Reihenfolge. ! Aber auch auf jQuery Basis! HTML-Code:
<!doctype html> |
Zitat:
Zitat:
Code:
div.slider .show { display: inline-block; } . |
etux, vielen Dank für deine Inputs!
Habe es jetzt dank dir schlussendlich so gelöst: HTML-Code:
<style> |
Alle Zeitangaben in WEZ +2. Es ist jetzt 15:29 Uhr. |
Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.
© Dirk H. 2003 - 2023