Rozwijany tekst po najechaniu !

Siema !
nowy kodzik :),

hmm coś w stylu że klikniesz na "coś"
a pojawi się tekst wygląda to tak :

1. to hmm wyświetla się na stronce
2.efekt po kliknięciu w to pierwsze :)

<meta http-equiv="Content-type" content="text/html; charset=iso-8859-2">

<script type="text/javascript">
function showHidden(obj){
obj = document.getElementById(obj);
obj.style.display == 'none' ? obj.style.display = '' : obj.style.display = 'none';
}
</script>
<a  id="link1_1" href="javascript: showHidden('hidden1');showHidden('link1_1');showHidden('link1_2');">-->Info o mnie..rozwiń <--</a ><a  id="link1_2" style="display:none;" href="javascript: showHidden('hidden1');showHidden('link1_1');showHidden('link1_2');">ukryj</a >
<div  id="hidden1"  style="display:none;">Hmm,Miło mi Kuba jestem,</br>15nastka mi już stukneła, emm </br>slucham dubstep'u , rap'u oraz electro </br>house. w wolnym czasie poprostu się </br>świetnie bawie. bywajcie.</div >

co wyświetla się przed i po najechaniu.

tekst wyświetlający się po najechaniu.
</br> oznacza początek nowej linijki...