timoe: Bildwechsel durch Klicken auf h3 oder das Bild

Beitrag lesen

=> Die Pfeil-Grafik muss mit JavaScript ausgetauscht werden.

Nein. Man kommt ganz ohne Javascript aus. Ich würde eine CSS-Lösung vorschlagen, die (beispielhaft) auf folgendem Markup aufbaut:

<ol class="accordion">

<li>
  <input type="checkbox" id="acc1"><label for="acc1">Abschnittsüberschrift</label>
  <div>
   Mehr Text. Viel mehr Text. Oder Bilder. Oder sonstwas.
  </div>
</li>
...
</ol>


>   
> Das klingt ganz nach einem Fall für das [details-Element](http://www.w3.org/TR/html51/interactive-elements.html#the-details-element). In Chrome wird es sogar schon mit besagtem Pfeil dargetellt.  
>   
> ~~~html
  

> <ul class="accordion">  
>    <li>  
>       <details>  
>          <summary>Abschnittsüberschrift</summary>  
>          <div>  
>             Mehr Text. Viel mehr Text. Oder Bilder. Oder sonstwas.  
>          </div>  
>       </details>  
>    </li>  
> </ul>  
> 

Danke für diesen Tipp. Ich habe es bisher mit javascript gelöst, siehe meinen thread:
http://forum.de.selfhtml.org/?t=213086&m=1456331

Bei dieser Lösung wollte ich eigentlich bleiben.
Nun muss ich noch eine Möglichkeit finden, wie ich immer nur 1 ausgeklappt bekomme.