Raupyboard

<style type="text/css">
body,input>
{
font-family:"Trebuchet ms",arial;font-size:0.9em;
color:#333;
}
.spoiler
{
border:0px solid #ddd;
padding:3px;
}
.spoiler .inner
{
border:0px solid #eee;
padding:3px;margin:3px;
}
</style>
<script type="text/javascript">
function showSpoiler(obj)
{
var inner = obj.parentNode.getElementsByTagName("div")[0];
if (inner.style.display == "none")
inner.style.display = "";
else
inner.style.display = "none";
}
</script>
<style type="text/css">
body,input>
{
font-family:"Trebuchet ms",arial;font-size:0.9em;
color:#333;
}
.spoiler
{
border:0px solid #ddd;
padding:3px;
}
.spoiler .inner
{
border:0px solid #eee;
padding:3px;margin:3px;
}
</style>
<script type="text/javascript">
function showSpoiler(obj)
{
var inner = obj.parentNode.getElementsByTagName("div")[0];
if (inner.style.display == "none")
inner.style.display = "";
else
inner.style.display = "none";
}
</script>
<hr>
</div><div class="spoiler">
<input type="button" onclick="showSpoiler(this);" value="Text" />
<div class="inner" style="display:none;">
<p>Text</p>
</div>
<hr>
</div>