tengo dos elementos con la clase 'stopTimer' y 'start timer' que esta dentro de un tr con un id. Tal que asi:
<tr id='1'>
<span class='stopTimer' style="display: none;">
fin
</span>
<span class='startTimer'>
inicio
</span>
</tr>
<tr id='2'>
<span class='stopTimer' style="display: none;">
fin
</span>
<span class='startTimer'>
inicio
</span>
</tr>
<tr id='3'>
<span class='stopTimer' style="display: none;">
fin
</span>
<span class='startTimer'>
inicio
</span>
</tr>
Pues cuando pulso start timer quiero quitar el display:none a stoptimer y ocultar el start.
El start (de todas las filas) lo he ocultado asi en el onclick:
$("#panelDoing").on("click", ".startTimer", function (event) {
let tarea=$(this).patents("tr").attr("id");
document.querySelectorAll('span.startTimer')
.forEach((span)=>{
if(this==span)return;
span.style.display='none';
});
});
Como podria hacer en esta misma función para mostrar SOLO el stop de esta fila?
Gracias