JQuery - ¿cómo cerrar submenu al dar click tanto fuera de el como a otro submenu hermano?

Buen día, agradecería mucho si me colaboran con esto, resulta que necesito que al dar click fuera de un submenu desplegado, este se recoja (cuestión que ya logré hacer), pero necesito que también lo haga si le doy click a otro submenu hermano, pues al hacerlo me quedan ambos menús desplegados, adicionalmente se debe mantener que cuando se despliegan los submenus un icono con un triangulo hacia abajo cambia de color verde a rojo y viceversa; comparto un enlace de codepen para que puedan visualizar mejor el código y así hacerme entender mejor. De antemano muchas gracias. http://codepen.io/EdwingGit/pen/WReQKN

Ya me colaboraron y lo he solucionado :D mil gracias

Hola Edwin, podrías compartirnos como lo has solucionado?

Ok, con gusto, una solución con la que me han colaborada va enfocada a darle al elemento interactuado $(this) (que hace referencia al elemento que contiene al submenu y que es al que se le da click para desplegar dicho submenu) darle una clase al clickearlo (que en mi ejemplo la he llamado "mactive") para saber que esta activo (es decir, abierto), y mediante una condición comparar que si el siguiente click es sobre otro elemento que no tiene dicha clase (indicando que no está desplegado o "abierto"), entonces hay que cerrar el que si está abierto o desplegado con un slideUp (es decir al que si se le ha dado la clase cuando se clickeó para desplegar su submnenu). y a continuación darle la clase "mactive" a quien ahora ha desplegado su menú para mantener dicha dinámica.



Y para mantener la dinámica del cambio de color del icono de rojo a verde y viceversa según este o no desplegado el submenu, le agregamos el código para cambiar la clase del icono al que se requiere al no estar desplegado (no usamos un if para detectar su estado, puesto que se supone que si realiza ese proceso es porque ya esta desplegado, entonces solo ponemos el código que haga que la clase del icono cambie a como deber estar cuando el submenu no esta desplegado)




Espero haberme hecho entender lo mejor posible, sin embargo recuerda que puedes ver el código en acción en el codepen en el link que te comparto a continuación, un saludo. http://codepen.io/EdwingGit/pen/WReQKN