5
Bestimmte Tabs bei einem Accordion automatisch aufklappen
Hallo liebe Community,
ich habe folgendes Problem. Ich versuche gerade eine kleine Website zu erstellen.
Auf der Homeseite gibt es ein Navigationsmenü mit Links:
Auf der "Unterseite" habe ich nun so ein ähnliches Accordion (https://codepen.io/raubaca/pen/PZzpVe) mit 3 Tabs(tab-one, tab-two, tab-three) erstellt.
Nun klicke ich z.B. auf der Homeseite Navigationsmenü "Tab 2" -> dann öffnet sich die Unterseite mit Accordion. Alle Tabs im Accordion sind zu.
Gibt es die Möglichkeit anhand ID (in diesem Fall "tab-two"), "Tab 2" im Accordion gleich aufzuklappen wenn man auf die Unterseite kommt?
ich habe folgendes Problem. Ich versuche gerade eine kleine Website zu erstellen.
Auf der Homeseite gibt es ein Navigationsmenü mit Links:
<ul class="nav">
<li>
<a href="unterseite.html#tab-one">Tab 1</a>
</li>
<li>
<a href="unterseite.html#tab-two">Tab 2</a>
</ul>Auf der "Unterseite" habe ich nun so ein ähnliches Accordion (https://codepen.io/raubaca/pen/PZzpVe) mit 3 Tabs(tab-one, tab-two, tab-three) erstellt.
Nun klicke ich z.B. auf der Homeseite Navigationsmenü "Tab 2" -> dann öffnet sich die Unterseite mit Accordion. Alle Tabs im Accordion sind zu.
Gibt es die Möglichkeit anhand ID (in diesem Fall "tab-two"), "Tab 2" im Accordion gleich aufzuklappen wenn man auf die Unterseite kommt?
Share on Facebook
Share on Twitter
Share on Reddit
Share on LinkedinPlease also mark the comments that contributed to the solution of the article
Content-Key: 350476
Url: https://administrator.de/contentid/350476
Printed on: April 19, 2024 at 21:04 o'clock
5 Comments
Latest comment
Hallo dimaqw,
nicht ohne PHP oder Javascript, wenn du es dynamisch halten willst. Ansonsten kannst du dein Input-Element ein "checked"-Attribut mitgeben:
Damit ist es dann in deinem Fall ausgeklappt.
nicht ohne PHP oder Javascript, wenn du es dynamisch halten willst. Ansonsten kannst du dein Input-Element ein "checked"-Attribut mitgeben:
<input id="tab-one" type="checkbox" checked="checked" name="tabs"> Damit ist es dann in deinem Fall ausgeklappt.
sirhc4022, danke für die Antwort!
So dachte ich mir auch.. Dann probiere ich mal mit PHP weiter zu arbeiten.
So dachte ich mir auch.. Dann probiere ich mal mit PHP weiter zu arbeiten.
Moin
Eigentlich schon etwas mager dein Frage ,.,,,
Kannst aber auch in dieser Richtung dein Ziel erreichen: https://www.w3schools.com/howto/howto_js_accordion.asp
Sanfte Grüße
Eigentlich schon etwas mager dein Frage ,.,,,
Kannst aber auch in dieser Richtung dein Ziel erreichen: https://www.w3schools.com/howto/howto_js_accordion.asp
Sanfte Grüße
Hallo @dimaqw,
du könntest dem entsprechendem
Hier habe ich dem 4. Tab (der 1. Blaue) das
Da muss nichts drinstehen. Solange es vorhanden ist, ist das Input per Default ausgewählt.
Natürlich kannst du das auch per JS setzen.
Gruß,
@Snowman25
du könntest dem entsprechendem
<input>-Objekt das checked-Attribut geben.Hier habe ich dem 4. Tab (der 1. Blaue) das
checked-Attribut hinzugefügt: https://codepen.io/anon/pen/ZXyewEDa muss nichts drinstehen. Solange es vorhanden ist, ist das Input per Default ausgewählt.
Natürlich kannst du das auch per JS setzen.
Gruß,
@Snowman25
Gute Wahl!
Um JS willst du aber einen Bogen machen?
Um JS willst du aber einen Bogen machen?
