jquery toggle sorunu ( while içerir )

Merhaba arkadaşlar,

JQUERY ile şöyle birşey yapmaya çalışıyorum

<script>
							
function op(id){
					
   $('#aopen_'+id).toggle();

}
</script>

<tr onclick="op(1);"></tr>

<tr id="aopen_1" style="display:none;">

<td>1</td>
<td>2</td>

</tr>

<tr id="aopen_1" style="display:none;">

<td>3</td>
<td>4</td>

</tr>

Burada diyorum ki op(1)'e tıklandığında aopen_1'i toggle ile gizle veya aç diyorum. Çalışıyor fakat sadece ilk aopen_1 i gizleyip açıyor diğerini gizleyip açmıyor.

Neden kaynaklanıyordur ?

html yapisinad id'ler tekil olmalidir mukerrer kullanima uygun degildir id yerine class kullanabilirsin sorunun boylece duzelir

mantıksal olarak şöyle birşey yapmalısın:
<tbody id="tbody-container">
<tr>
<td>1</td>
<td>2</td>
</tr>

<tr>
<td>1</td>
<td>2</td>
</tr>

<tr>
<td>1</td>
<td>2</td>
</tr>

</tbody>

jquery tarafında
<script>
$("tbody-container tr").on("click",function(){
$(this).Toggle();
})
</script>