<html>

<script type="text/javascript"><!--
function getElement(id){
return (typeof document.getElementById != "undefined")?document.getElementById(id):document. all[id];
}

function showHide(id){
div = getElement(id);
div.style.visibility = (div.style.visibility=="" || div.style.visibility=="visible")?"hidden":"visible ";
}
//--></script>

<div id="div1" style="visibility: visible;">
questo è il div che andiamo a mostrare / nascondere
</div>
Mostra / Nascondi

</html>

Questo codice mi permette di nascondere il div uno quando clicco su mostra /nascondi, però la scritta "questo è il div che andiamo a mostrare / nascondere"
mi appare sopra al bottone mostra, come potrei fare per farlo apparire accanto al bottone mostra/nascondi ?