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

[Angellis 0]

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,

[Alex Hiroshi 7]

this.id ?

[Fleury 3]

<script>function hide(ref){	document.getElementById(ref.id).style.visibility = "hidden";}</script>.........<a id="melao" href="#" onclick="javascript:hide(this)">Melão</a>

isso