Bueno, el problema es que no encuentro la manera de esconder una tabla de texto el código del texto es este:

<style type="text/css">
#toolbar-wrap, #head-wrap, #user-wrap, #body-wrap, #foot-wrap {
    width: 950px;
    margin: 0 auto;
    padding: 0;
    clear: both;
}
</style>
<div id="bodyarea">
<div id="body-wrap"><div style="margin: 2ex; padding: 2ex; border-top: 2px solid #f0c51b; border-bottom: 2px solid #f0c51b; color: black; font-size: 12px; background-color: #f9eec1;">
<a style="float: right; width: 2 ex;" href="javascript:void(0);" onClick="document.getElementById('oculto').style.visibility='visible'"><img id="img_category_wwwcamaleonesesforoindexphp?action=forum5" src="http://www.camaleones.es/foro/Themes/pnpn/images/collapse_b.gif" alt="*" border="0"></a>
<div style="float: left; width: 2ex; font-size: 2em; color: red;">!!</div><b style="text-decoration: underline;">¡Bienvenido visitante!</b>
<div id="oculto" style="visibility:hidden">
<div style="padding-left: 6ex;">
<br>
Por favor, <a href="">Inicie sesión</a> o, si no tienes cuenta de usuario, por favor, <a href="">Regístrese</a>, (que siempre es/será gratuito) asi podrá colaborar con nosotros en hacer esta comunidad aún más grande.
<br>
Puedes visitar nuestros <a href="">servicios</a> aún en versión beta, y algunos gratuitos (otros no).
</div>
</div>
</div>

Bueno si probáis visualizando ese código veréis una tabla color rojo y naranja claro, con una nota dentro, el objetivo es hacer una especie de función javascript:void(0); enlazada al href="" del <a> (En negrita) y quiero que al esconderlo quede el texto escondido, pero con un trozo de la barra junto a esta imágen: (Que será a la que daremos click para visualizar todo lo escondido al darle a: )

¡Que alguien me ayude con esto, por favor! Gracias ;)

Saludos