CSS - Visualización menu

Hola.
A ver si me podéis echar un cable.
Tengo un menu, con opciones A y B. Si pinchas en el menú A, se despliega un submenu con varias opciones para visualizar diferentes tipos de fotografias. Como está ahora mismo es que si pinchas en A, se muestra todos el submenu con opciones A1, A2, A3... en cuanto pinchas en alguna de ellas, por ejemplo A2, se ocultan todas las opciones A1, A2,A3...
Mi pregunta es, como puedo hacer para que cuando pinches en el submenú A se queden siempre visibles las opciones, A1,A2,A3, y solo cuando pinches en B se oculte el submenú de A

Esto está vinculado a un fichero css que es el siguiente
.open {
display: block;
cursor: auto;

}
.closed {
display: none;
}
li {
list-style-type: none;
padding-top: 0.2em;
padding-bottom: 0.2em;
font-size: 10px;
}

Muchas gracias.

Por lo que indicas, supongo que hay codigo javascript asociado a los menus para ir cambiando las clases; es en ese codigo que debes mirar