Referência ao objeto que chamou a função

Tenho 3 elementos que chamam uma função que deixam eles invisiveis. Como passo a referencia para a função?

Em vez de fazer assim:

HTML:

<a id="banana" href="#" onclick="javascript:hide('banana')">Banana</a><a id="maca" href="#" onclick="javascript:hide('maca')">Maça</a><a id="melao" href="#" onclick="javascript:hide('melao')">Melão</a>
java script:

function hide(ref){ document.getElementById(ref).style.visibility = "hidden";}Como seria para eu não precisar passar o id para a função?Tentei um <a id="melao" href="#" onclick="java script:hide(this)">Melão</a> mas não deu certo.

Grato,