Ho una figura, al passaggio del mouse su questa figura mi fa appaire un livello che da css ha impostato: visibility:hidden;

per rendere visibile il livello faccio così:
document.getElementById(liv).style.visibility = 'visible';
per tornare a nasconderlo faccio così:
document.getElementById(liv).style.visibility = 'hidden';

Il problema sta ch anzichè visibility hidden vorrei un display none, quindi di default via css avrei settato display none, una volta che passo con il mouse sopra alla figura il display none si deve eliminare...