Accordion klappt nach oben oder unten auf...
Autor: Volker B.
Besucht 714,
Followers 1,
Geteilt 0
Guten Tag,
wie kann ich ein Accordion welches ich mit HTML eingefügt habe, permanent nach unten aufklappen lassen?
Je nachdem wo die Überschrift steht, klappt es entweder nach oben oder unten auf. Im HTML ist es nicht extra definiert, denn es klappt immer nach unten auf. In WebSite X5 leider nicht.
Vielen Dank und herzliche Grüße, Volker Boeckl
Gepostet am
Du schreibst dass du HTML eingefügt hast. Für individuellen Code gibt es nur dann Hilfe, wenn du den Code hier postest oder die URL der WEbsite, wenn diese Online ist.
Autor
@charset "utf-8";
/* Style the buttons that are used to open and close the accordion panel */
.accordion2 {
background-color: #f6f5ee;
opacity: 0.75;
color: #e2001a;
cursor: pointer;
padding: 5px;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 15px;
font-weight: bold;
color: #cc0000;
transition: 0.4s;
}
/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion2:hover {
background-color: #ccc;
}
/* Style the accordion panel. Note: hidden by default */
.panel {
padding: 0 18px;
background-color: #f6f5ee;
opacity: 0.75;
text-align: left;
font-size: 15px;
line-height: 120%;
display: none;
overflow: hidden;
}
.accordion2:after {
content: '\2BC6';
font-size: 12px;
color: #;
float: right;
margin-left: 5px;
}
.active:after {
content: '\2BC5';
}
.black-xtra {
font-size: 12px;
font-style: normal;
font-weight: normal;
font-variant: normal;
color: #000000;
}
.black-small {
font-size: 10px;
font-style: normal;
font-weight: normal;
font-variant: normal;
color: #000000;
}
A {
TEXT-DECORATION: none
}
A:hover {
TEXT-DECORATION: none;
font-weight: bold;
color: #cc0000;
}
Das ist der CSS Style Code der für das Aussehen zuständig ist und nicht für die Interaktion! Dies müsste durch einen Javascript Code erfolgen.
Ich würde sowieso keinen Accordeon Code einfügen, wenn man sich nicht genau auskennt. Dazu sind ja, 2 verschiedene Accordeon Widgets da, die man einfügen kann.
Autor
Guten Tag, wie immer sehr hilfreiche und konstruktive Antwort...
Was passt daran nicht?
Wenn derfalsche Code angezeigt wurde?
Was erwartest??,
Und ja, es gibt 2 Accordeon, auch die kann man verändern ....