BB code test...

[Beowulf]

[spoiler]THIS IS A SPOILER[/spoiler]

nope that didn't work..

ah. I see it's a custom BB tag not a standard one..

I don't know about Vbulletin but I know you can put custom tags in the BBS system I use.

This "Should" do it I guess

<div>
<div style="background:#B7E5CE;border:1px dotted #000;border-bottom:0;border-left:4px solid #429E6F;color:#000;font-weight:bold;font-size:10px;margin:8px auto 0 auto;padding:3px;">
Spoiler! <a href="javascript:void(0);" onclick="javascript:if(parentNode.parentNode.getElementsByTagName('div')[1].style.display=='block'){parentNode.parentNode.getElementsByTagName('div')[1].style.display='none';this.innerHTML='--Click here to view--';}else {parentNode.parentNode.getElementsByTagName('div')[1].style.display='block';this.innerHTML='--Click here to hide--';}">--Click here to view--</a>
</div>
<div style="color:#000;background:#FAFCFE;border:1px dotted #000;border-left:4px solid #429E6F;border-top:0;padding:4px;margin: 0 auto 8px auto;display:none;">{content}</div>
</div>

ooh err.. or perhaps not!

[Lee Bartholomew]

<div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;">
<b>Spoiler!</b> <input value="Show" style="margin: 0px; padding: 0px; width: 45px; font-size: 10px;" onclick="if(this.parentNode.parentNode.getElements ByTagName('div')[1].getElementsByTagName('div')[0].style.display != 'inline'){ this.parentNode.parentNode.getElementsByTagName('d iv')[1].getElementsByTagName('div')[0].style.display = 'inline'; this.innerText = ''; this.value = 'Hide'; }else{ this.parentNode.parentNode.getElementsByTagName('d iv')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value='Show'; }" type="button">
</div>
<div class="alt2" style="border: 1px inset ; padding: 6px;">
<div class="spoiler" style="display: none;"></div>
</div>
</div>