hide/show tds

Boa tarde,

Não conheço muito bem javascript, e estou com o seguinte problema:

codigo javascript:

function display(){
var row = document.getElementById("0");
if (row.style.display == '') row.style.display = 'none';
else row.style.display = '';
}

<tr>
<td><a href="#" onclick="display()">edit/del</td>
</tr>

<tr>
<td>name</td>
<td>cargo</td>
</tr>

<tr>
<td>joao</td>
<td>diretor</td>
<td style="display:none" id=0>edit</td>
<td style="display:none" id=0>del</td>
</tr>

<tr>
<td>maria</td>
<td>analista</td>
<td style="display:none" id=0>edit</td>
<td style="display:none" id=0>del</td>
</tr>

Preciso que os tds que estão ocultos apareça/oculta quando precionar o "edit/del".

Fiz uma pesquisa e vi que é necessario usar o array no codigo javascript, porém não o conheço muito bem, ficaria muito grato se alguem me ajuda-se.