[[ExiTuS]]

Hier (m)eine mögliche Lösung als fertiges Stück - etwas abgeändert vom Original dieses Threads.

CSS:

Code:

.spoiler_button {
background: url(images/buddy_offline.png) 0 50% no-repeat;
padding: 5px 15px;
}

MyCode:

Code:

<div class="spoiler_head" id="spoiler_head_$1"><a href="#" class="spoiler_button" id="spoiler_button_$1" value="" onclick="if (document.getElementById('spoiler_body_$1').style.display === 'none') { document.getElementById('spoiler_body_$1').style.display = 'block'; this.style.backgroundImage = 'url(images/buddy_online.png)' } else { document.getElementById('spoiler_body_$1').style.display = 'none'; this.style.backgroundImage = 'url(images/buddy_offline.png)' }">&nbsp;</a></div>
<fieldset class="spoiler_body" id="spoiler_body_$1" style="display: none">$2</fieldset>

Ersetze die Grafik nach Belieben und auch die px-Werte im CSS-Padding. Auch die restlichen Klassen kannst mit CSS frei formatieren.

[ExiTuS]