Akkordeon per Grafik aufklappen?

Hallo liebe Community,

ich bin gerade dabei unsere Seite zu optimieren und habe folgende Frage

Unter
http://www.musicalkultur.de/highligh.../Ensemble.html
kann man sich unser Ensemble anschauen.

Zur besseren Darstellung hatte ich damals kleine Bildchen vor das Akkordeon gepackt. Der Mauszeiger wird zwar zur Hand wenn ich darüber fahre, aber es ergibt sich keine Funktion, wenn ich auf das jeweilige Bild klicke.

Das Akkordeon klappt immer nur dann auf, wenn ich auf den Text (z.B. Sänger) klicke.

Wie kann ich bewerkstelligen, dass das Akkordeon auch beim Klick auf das Bild aussfährt und zusätzlich vielleicht noch eine Art trennstrich direkt unter das Bild setzen, der bis zum rechten Ende des Inhalts läuft?

Vielen Dank!

Liebe Grüße

Thorsten

Hallo Thorsten,

der Klick reagiert auf den DIV mit der Klasse 'toggler' und nicht auf den mit der Klasse 'ce_accordion'. Versuche möglichst nur den toggler zu formatieren, der ist bei dir viel zu klein. Schau dir alles mit firebug an, da siehst du sofort die Größen, margins und paddings.

Andreas

Hallo und vielen Dank für die ersten Informationen!

Der .toggler gilt aber doch für die gesamte Website oder irre ich mich da.
D.h. alle .toggler Werte würden sich ändern.

Kann ich ggf. einfach einen Link auf das Bildchen legen?

Hier ist der Code dazu:

color:#000000;
background:transparent url(/highlights/tl_files/bilder_home/saenger01.gif) left top no-repeat;
padding-left:60px;
padding-bottom:25px;
margin-top:10px;
margin-bottom:10px;
cursor:pointer;
cursor:hand;

Vielen Dank!

Lieben Gruß

Thorsten

hm.. das müsste doch auch so {{image::tl_files/image.jpg?width=200&height=150}}gehen

Oder?
ich hab so was ähnlichers.. allerding mit graphtext gemacht
du müsstest es in die überschriften zeile legen

Wenn's funktioniert ist es ja gut, ansonsten mach es so, wie ich gesagt habe.

Andreas