WebSite X5Help Center

 
Volker B.
Volker B.
User

Accordion klappt nach oben oder unten auf...  de

Autor: Volker B.
Besucht 421, 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
5 ANTWORTEN
Andreas S.
Andreas S.
Moderator

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.

Mehr lesen
Gepostet am von Andreas S.
Volker B.
Volker B.
User
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;
}

Mehr lesen
Gepostet am von Volker B.
Andreas S.
Andreas S.
Moderator

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.

Mehr lesen
Gepostet am von Andreas S.
Volker B.
Volker B.
User
Autor

Guten Tag, wie immer sehr hilfreiche und konstruktive Antwort...

Mehr lesen
Gepostet am von Volker B.
Bernhard K.
Bernhard K.
User
Volker B.
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 ....

Mehr lesen
Gepostet am von Bernhard K.