Me gustaría modificar la clase de ciertos elementos de mi barra lateral cuando algún usuario hace clic en una pestaña. En resumen, cambie la clase de los elementos de la barra lateral a current class + " active"

He implementado una solución que funciona parcialmente como pude después de investigar un poco por mi cuenta.

Esta parte del código es clave:

 $(".setActive").click(function() { $(".sidebar-item:contains('"+$(this).attr("data-target")+"')").parent().parent().addClass(' active'); })

En realidad, con esa línea de código, cambio la clase a active pero hay un problema:

• No sé cómo eliminar la clase active de los elementos de la barra lateral visitados anteriormente, luego obtengo algo como esto:

¿Cómo puedo solucionar este problema?

DEMOSTRACIÓN EN VIVO DE JS VIOLÍN