Tengo un menú desplegable con 4 categorías de menú. Uno dos tres CUATRO. Cada categoría tiene un comando de índice z negativo.

Uno (z-index-1) Dos (z-index-2) Tres (z-index-2) Cuatro (z-index-2)

De esa manera, zindex-1 siempre está al frente (ΟΝΕ).

Si presiono el menú Dos, quiero que se convierta en z-index -1 y el resto cambie automáticamente a -2, etc., es decir.

Uno (z-index-2) Dos (z-index-1) Tres (z-index-2) Cuatro (z-index-2)

Me pregunto, ¿hay una mejor manera de escribir este código? Gracias

 $('.one').css({ 'position': 'absolute', 'z-index': '-1' }); $('.two').css({ 'position': 'absolute', 'z-index': '-2' }); $('.three').css({ 'position': 'absolute', 'z-index': '-2' }); $('.four').css({ 'position': 'absolute', 'z-index': '-2' });