About description with "showOrHide"

ShowHideAbout

<script language="javascript">
    function showOrHide() 
    {
        var div = document.getElementById("showOrHideDiv");
        if (div.style.display == "block") 
        {
            div.style.display = "none";
        }
        else 
        {
            div.style.display = "block";
        }
    } 
</script>
<p style="text-align: justify;"><img src="YOUR AVATAR URL" alt="Makkus" title="Makkus" width="85" class="alignleft"> Hi, ich bin <a href="http://afrika.markus-espeter.de/about/" alt="Markus Espeter" title="Markus Espeter" target="_blank">Makkus</a>! Ich bin als <b>Volunteer</b> in Verwaltung und Marketing bei <a href="http://afrika.markus-espeter.de/project-jeep/" alt=" Joint Energy and Environment Projects" title=" Joint Energy and Environment Projects" target="_blank">J.E.E.P.</a> in <b>Kampala</b> (Uganda) unterwegs und blogge über alles, was ich dabei erlebe.</p><div id="showOrHideDiv" style="display: none"><p style="text-align: justify;">Dank einer guten Mischung aus Student, Teilzeit-Nerd, Web 3.0-Suchtlappen, Pfadfinder, Sportler und noch mehr steh' ich auf Abenteuer, Inspiration, Werbung, Fotografie, Marketing, Design, Musik -> Minimal & D'n'B, Sport, den BVB & die Südtribüne und und und. Sprich ich blogge über mehr als nur J.E.E.P.! </div></p>
<a href="javascript:showOrHide();">MORE/LESS</a>