Hola
La función es operativa sin importar el número de veces que repitas las porción de código HTML. En adicción señalar que
- La segunda condicón ternaria no podrá cumplir con las expectativas que quieres. Para que ocurra lo que creo que quieres, has de modificar el elemento .arrow
- Para mostrar u oculatar un objeto se usan los valores (inline/none)
- El uso de innerHTML es un error gramatical, puesto que no se insertará código HTML. En su lugar usa textContent
Suerte