Leer mas forma 1 ver ejemplo en página principal

CSS:

<style type='text/css'>
.spoiler { border: 1px #000 dashed; }
.spoiler legend { padding-right: 5px; }
.spoiler legend input { width: 30px; }
.spoiler div { margin: 0px; overflow: hidden; height: 0; }
</style>

SCRIPT:

<script type='text/javascript'>
function vku_spoiler( id )
{
if ( document.getElementById( id ).style.height == 'auto' )
{
document.getElementById( id ).style.height = 0;
document.getElementById( id ).style.padding = 0;
document.getElementById( id + '_button' ).value = '+';
}
else
{
document.getElementById( id ).style.height = 'auto';
document.getElementById( id ).style.padding = '10px';
document.getElementById( id + '_button' ).value = '-';
}
}
</script>