<ul class="search-tabs"> <li class="rent active">Rent</li> <li class="buy">Buy</li> <li class="sell">Sell</li> </ul> <form id='rent' class='visible'> <form id='buy'> <form id='sell'>

Este es mi código y no quiero crear una función que haga lo siguiente:

• agrega 'activo' en la lista de clases de li, cuando hago clic en él.
• pero solo cuando el formulario tiene className = 'visible' y el id de ese formulario = classList de li en el que se hizo clic. De lo contrario, elimina el 'activo' de la lista de clases de li.

Agrega la clase 'activa', pero no elimina la clase 'activa' de los otros li en los que no se ha hecho clic. ¿Alguna solución? ¡Por favor ayuda!