• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

HTML: Akkordeon Fehler mit ezPublish

Anton S.

Neues Mitglied
Moin zusammen,

ich habe folgenden Code, den ich auf einer Seite die mit ezPublish läuft einfügen möchte:

Code:
<!DOCTYPE HTML>
<html>
<head>
<title></title>
<style>
.accordionMenu {
padding: 0px;
width: 500px;
font: 13px 'Arial', sans-serif;
background: #fff;
}
.accordionMenu h2 {
margin:5px 0;
padding:0;
}
.accordionMenu h2 a {
font-size: 14px;
display: block;
font-weight: normal;
color:#fff;
text-decoration:none;
margin:0;
padding:3px;
padding-left:5px;
background: #00a9e0;
}
.accordionMenu :target h2 a {
font-weight:bold;
}
.accordionMenu h2 a:hover,
.accordionMenu h2 a:focus,
.accordionMenu h2 a:active {
font-weight:bold;
}
.accordionMenu p {
padding:0px;
padding-bottom:0px;
margin:0;
display:none;
overflow: hidden;
-moz-transition: height 0.3s ease-in;
-webkit-transition: height 0.3s ease-in;
-o-transition: height 0.3s ease-in;
transition: height 0.3s ease-in;
}
.accordionMenu :target p {
overflow: auto;
padding: 0px;
display: block;
}
</style>
</head>
<body>

<div class="accordionMenu">
   <div id="inhalt1" class="menuSection">
   <h2><a href="#inhalt1">Überschrift</a></h2>
   <p>TEXT</p>
               <div id="inhalt2" class="menuSection">
               <h2><a href="#inhalt2">Überschrift</a></h2>
               <p>TEXT</p>
                </div>
                         <div id="inhalt3" class="menuSection">
                         <h2><a href="#inhalt3">Überschrift</a></h2>
                         <p>TEXT</p>
                          </div>
</div>
Das Problem: Solange es nicht mit ezPublish läuft sondern ohne irgendeine Software funktioniert alles super. Sobald es aber mit der Software läuft und man z.B. den ersten öffnen will, werden alle geöffnet... Kann mir jemand sagen warum das so ist/wie man das ändern kann?

Vielen Dank schon mal!

Anton


EDIT: Habe den Fehler gefunden (mehrere "div's" vergessen :X), kann geschlossen werden.
 
Zuletzt bearbeitet:
Werbung:
Zurück
Oben