Page 3 of 3

Re: jQuery Spoiler

Posted: 21 Aug 2010, 11:46
by Stoker
Yes, that one works.
But with input type="button" to give it the prosilver button look.

Re: jQuery Spoiler

Posted: 21 Aug 2010, 11:51
by KukY13
Stoker ยป 21 Aug 2010, 11:46 wrote:Yes, that one works.
But with input type="button" to give it the prosilver button look.
Sure. Wait for it...

Re: jQuery Spoiler

Posted: 21 Aug 2010, 11:54
by KukY13
Here:

Code: Select all

<dl class="codebox">
<dt>
<input type="button" value="[+]{INTTEXT} " onclick="var spoiler = this.parentNode.parentNode.getElementsByTagName('dd')[0]; if ( spoiler.style.display == 'none' ) { $(spoiler).slideDown(); $(spoiler).fadeIn('slow'); this.value = '[&minus;]{INTTEXT}'; } else { $(spoiler).slideUp(); $(spoiler).fadeOut('slow'); this.value = '[+]{INTTEXT}'; };" />
</dt>
<dd style="display: none;">{TEXT}</dd>
</dl>

Re: jQuery Spoiler

Posted: 21 Aug 2010, 11:56
by Steve
you forgot the class="button2" ;)

Code: Select all

<dl class="codebox">
<dt>
<input type="button" class="button2" value="[+]{INTTEXT} " onclick="var spoiler = this.parentNode.parentNode.getElementsByTagName('dd')[0]; if ( spoiler.style.display == 'none' ) { $(spoiler).slideDown(); $(spoiler).fadeIn('slow'); this.value = '[&minus;]{INTTEXT}'; } else { $(spoiler).slideUp(); $(spoiler).fadeOut('slow'); this.value = '[+]{INTTEXT}'; };" />
</dt>
<dd style="display: none;">{TEXT}</dd>
</dl>