Bekomme es leider nicht hin.
Ich versuche es mal zu erklären:
Ich habe ein jQuery Akkordeon. Quellcode:
Code:
<div id="st-accordion" class="st-accordion">
<ul>
<li>
1: <a href="#">About<span class="st-arrow">Open or Close</span></a>
<div class="st-content">
<p>Hier steht der Content, wenn das Akkordeon ausgeklappt ist</p>
</div>
</li>
Bei 1: ist der Link "#" enthalten, der das Akkordeon "ausfährt" und den Inhalt anzeigen lässt.
Das funktioniert alles wunderbar.
Was ich aber gerne hätte:
- li ist ein Bild
- Bei Hover erscheint anderes Bild
-> Soweit noch kein Problem
- Es gibt noch ein neues Div (div id=Beschreibung), das oben in den Quellcode eingefügt werden muss.
Hier aber nun das Problem: Das Bild bzw. li ist verlinkt: "#". Ich möchte, dass das neue Div (#Beschreibung), dass dann sichtbar über dem Bild liegen muss, genauso verlinkt ist, wie auch das Bild...
Also muss entweder das komplette Div auch verlinkt werden. -> Wäre kein Problem, aber dann funktioniert der Hover nicht mehr.
Also muss die Lösung sein, dass #Beschreibung zwar optisch über dem Bildlink, bzw. li liegt, aber der Link vom Bild trotzdem funktioniert.
Ich hoffe man versteht einigermaßen, worauf ich hinaus will... Wäre über JEDE Hilfe super dankbar!
Lesezeichen