Hilfe bei Spoiler-Button gesucht

Hallo, wie schaffe ich es, dem Spoiler-Button zu verbreitern, ohne dass die organge Titel-Zeile verspringt? Darin sollte anstatt des "Plus" das Wort "Setlist" stehen und anstatt des "Minus" das Wort "hide".

Ferner sollte die orange Titel-Zeile links und rechtsbündig mit dem darunter
angezeigte Inhalt abschliessen.

Kann mir jemand helfen?

Wäre Super, danke.

Gruß Michael

http://17703662.de.tl/TEST-2.htm


hier der Code:
rot: eigentlicher Code, schwarz, eingefügte Inhalte

<br />
<script type="text/javascript">
function spoil(me) {
if (me.parentNode.parentNode.getElementsByTagName('div')[2].getElementsByTagName('div')[0].style.display != '') {
me.parentNode.parentNode.getElementsByTagName('div')[2].getElementsByTagName('div')[0].style.display = '';
me.value = '-'+me.value.substr(1);
} else {
me.parentNode.parentNode.getElementsByTagName('div')[2].getElementsByTagName('div')[0].style.display = 'none';
me.value = '+'+me.value.substr(1);
}
}
</script>
<div style="margin-left: 30px;">
<div style="height: 20px; float: left;"><input type="button" value="+" onClick="spoil(this);" style="height: 20px; min-width: 20px; font-size: 10px; margin: 0pt; padding: 0pt;" name="button" /></div>
<div style="background-color: orange; text-align: left; height: 20px; font-weight: bold; margin-left: 25px;">Titel</div>
<div><br />
<div style="display: none; margin-left: 25px;">
<table width="932" border="1" align="left" style="table-layout: fixed;">
<colgroup><col width="140" /></colgroup><colgroup><col width="20" /></colgroup><colgroup><col width="26" /></colgroup><colgroup><col width="285" /></colgroup><colgroup><col width="50" /></colgroup><colgroup><col width="50" /></colgroup><colgroup><col width="26" /></colgroup><colgroup><col width="285" /></colgroup><colgroup><col width="50" /></colgroup>
<tbody>
<tr>
<td valign="bottom" bgcolor="#ff9933" align="center" rowspan="2"><span style="font-family: Verdana;">&nbsp;<br />
&nbsp;</span></td>
<td valign="middle" align="center"><span style="font-family: Verdana;"><a name="Leeds_1973-10-19"></a></span></td>
<td valign="middle" align="center"><span style="font-family: Verdana;">&nbsp;</span></td>
<td valign="middle" align="center"><span style="font-family: Verdana;">&nbsp;</span></td>
<td valign="middle" align="center"><span style="font-family: Verdana;">&nbsp;</span></td>
<td valign="middle" align="center"><span style="font-family: Verdana;">&nbsp;</span></td>
<td valign="middle" align="center"><span style="font-family: Verdana;">&nbsp;</span></td>
<td valign="middle" align="center"><span style="font-family: Verdana;">&nbsp;</span></td>
<td valign="middle" align="center"><span style="font-family: Verdana;">&nbsp;</span></td>
</tr>
<tr>
<td><span style="font-family: Verdana;">&nbsp;</span></td>
<td valign="middle" bgcolor="#ccccc0" align="center"><span style="font-family: Verdana;"><span style="font-size: small;">CD1</span></span></td>
<td valign="top" align="left"><span style="font-family: Verdana;">&nbsp;</span></td>
<td><span style="font-family: Verdana;">&nbsp;</span></td>
<td valign="top" align="center"><span style="font-family: Verdana;">&nbsp;</span></td>
<td valign="top" align="center"><span style="font-family: Verdana;">&nbsp;</span></td>
<td valign="top" align="center"><span style="font-family: Verdana;">&nbsp;</span></td>
<td valign="top" align="left"><span style="font-family: Verdana;">&nbsp;</span></td>
</tr>
<tr>
<td valign="middle" align="center"><span style="font-family: Verdana;"><img height="138" width="138" alt="" src="http://img.webme.com/pic/p/pink-camel/ne.jpg" /></span></td>
<td rowspan="7"><span style="font-family: Verdana;">&nbsp;<br />
&nbsp;<br />
&nbsp;<br />
&nbsp;<br />
&nbsp;<br />
&nbsp;<br />
&nbsp;</span></td>
<td valign="top" align="left" rowspan="7"><span style="font-family: Verdana;"><span style="font-size: small;">01.<br />
02.<br />
03.<br />
04.<br />
05.<br />
06.<br />
<br />
</span></span></td>
<td valign="top" align="left" rowspan="7"><span style="font-family: Verdana;"><span style="font-size: small;">Earthrise<br />
The Procession &gt; The White Rider<br />
Six Ate&nbsp;<br />
Supertwister<br />
Lady Fantasy<br />
Arubaluba<br />
&nbsp;<br />
&nbsp;<br />
&nbsp;<br />
&nbsp;</span></span></td>
<td valign="top" align="center" rowspan="7"><span style="font-family: Verdana;"><span style="font-size: small;"><span style="color: rgb(255, 0, 0);"><font color="#000000"><span style="color: rgb(255, 0, 0);"><span style="color: rgb(255, 0, 0);"><font color="#000000"><font color="#000000"><font color="#000000">07:11<br />
08:30<br />
06:08<br />
03:30<br />
13:56<br />
06:27<br />
<br />
<strong>45:42</strong></font></font></font></span></span></font></span><br />
&nbsp;<br />
&nbsp;<br />
&nbsp;<br />
&nbsp;<br />
&nbsp;<br />
&nbsp;</span></span></td>
<td valign="top" align="center" rowspan="7"><span style="font-family: Verdana;">&nbsp;<br />
&nbsp;<br />
&nbsp;<br />
&nbsp;<br />
&nbsp;<br />
&nbsp;<br />
&nbsp;</span></td>
<td valign="top" align="left" rowspan="7"><span style="font-family: Verdana;">&nbsp;</span></td>
<td valign="top" align="left" rowspan="7"><span style="font-family: Verdana;">&nbsp;<br />
&nbsp;<br />
&nbsp;<br />
&nbsp;<br />
&nbsp;<br />
&nbsp;</span></td>
<td valign="top" align="center" rowspan="7"><span style="font-family: Verdana;"><br />
&nbsp;<br />
&nbsp;<br />
&nbsp;<br />
&nbsp;<br />
&nbsp;<br />
&nbsp;</span></td>
</tr>
<tr>
<td valign="top" bgcolor="#ff9933" align="center" rowspan="6"><span style="font-family: Verdana;"><span style="font-size: small;"><strong>Leeds</strong>, GB<br />
Queen&acute;s Hall<br />
<br />
1973-10-19<br />
&nbsp;<br />
Source: AUD<br />
Quality: C <br />
</span></span></td>
</tr>
<tr>
</tr>
<tr>
</tr>
<tr>
</tr>
<tr>
</tr>
<tr>
</tr>
</tbody>
</table>
<script type="text/javascript">
function spoiler_on(me) {
if (me.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != 'block') {
me.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'block';
me.innerText = '';
me.value = 'Hide';
} else {
me.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none';
me.value = 'Show'; }}
function spoiler_off(me) {
me.parentNode.style.display = 'none';
me.parentNode.parentNode.parentNode.getElementsByTagName('div')[0].getElementsByTagName('input')[0].value = 'Show'; }
</script></div>
</div>
</div>
<br />
<br />[color=red][/color]

Gibt bessere und leichtere lösungen mit jquery
______________
Video Portal Unplugged
Neues Gewinnspiel #1
Neues Gewinnspiel #2

Deine Antwort hättest Du Dir schenken können.
a) weil diese keine Antwort auf meine Fragen ist und somit
b) mich in keiner Weise weiterhilft.


Wer meint, ähnliche kluge Kommentare zu hinterlassen, der sollte sich es wirklich überlegen, seine Zeit dafür zu verplempern.

Wenn aber Alternativen angezeigt werden, dann sollte es nicht alleine bei der
Nennung einer Alternative bleiben.

Selber suchen? Das beispiel von dir ist umständlich und schlecht realisiert. Gibt bessere jquery lösungen

Google: jquery dropdown
______________
Video Portal Unplugged
Neues Gewinnspiel #1
Neues Gewinnspiel #2

Nochmals zum Mitschreiben:

Drop-Down schön und gut, doch wenn ich sage, dass ich Hilfe bei einem
Spoiler-Button benötige, dann ist das so. Ich möchte einfach kein Drop-Down.

Sollte doch einfach nachvollziehbar sein oder?

http://www.google.de/#hl=de&source=hp&q=jquery+spoiler&aq=1&aqi=g2&aql=&oq=jquery+spo&gs_rfai=&fp=adcd5cb46f638b76
______________
Video Portal Unplugged
Neues Gewinnspiel #1
Neues Gewinnspiel #2

Leider hat sich dieses Forum diesmal wieder als nicht tauglich erwiesen.
Ich bin davon ausgegangen, dass meine Frage kein unlösbares Problem darstellt.

Aber: In einem anderen Forum wurde meine Frage sehr gut beantwortet und ich bekam sofort Hilfe für den Spoiler Button / Aufklappmenü.

Wenn jemand an der Lösung interessiert ist, werde ich diese gerne hier, unter Nennung des Forums posten.

Oder schaut bitte selbst mal rein unter:
http://104774.homepagemodules.de/t458f7-Benoetige-spezielles-Aufklappmenue-Spoiler-Button.html