Menus con fade in y fade out

[mensajeescrito]

Hola amigos, verán tengo un pequeño problema, tengo un codigo javascript que me permite hacer fade in y fade out a una capas "divs", donde muestro información.


Y funciona bien, dicho código hace referencia a una class de un div (madre contenedora)

y este agrupa los sub divs de las opciones de menu, osea algo asi:

Código Javascript:

var ultimo=1;
        $(document).ready(function(){
 
                $(".menus_opcs div").click(function(){      
 
                nuevo=$(this).attr("id");
                if(nuevo!=ultimo)
                {
                    $("#opc_"+ultimo).fadeOut(function(){
                        $("#"+ultimo).removeClass("seleccionado");
                        $("#"+nuevo).addClass("seleccionado");
                        $("#opc_"+nuevo).fadeIn();
                        ultimo=nuevo;
                    });
                }
            });
        });
 

Código HTML:

<div class="menus_opcs">
 
                 <div id="1">opcion 1</div>
                 <div id="2">opcion 2</div>
                 <div id="3">opcion 3</div>
       </div>
 

el asunto es que necesito implementar un SEGUNDO menu de opciones, este:

Código HTML:

<div class="cont_sub_opcs">
 
                 <div id="4">opcion 4</div>
                 <div id="5">opcion 5</div>
                 <div id="6">opcion 6</div>
       </div>
 

asi que cojo el codigo de javascript e intento inplementarle el codigo necesario para que los dos menus funcionen pero como no se javascript no me funciona.

en cualquier caso aunque esta mal lo que he hecho, les muestro acontinuacion lo que malamente he hecho a ver si alguien me puede ayudar a arreglarlo:

Código Javascript:

var ultimo=1;
        $(document).ready(function(){
 
        $(".menus_opcs div") or $(".cont_sub_opcs div").click(function(){       
 
                nuevo=$(this).attr("id");
                if(nuevo!=ultimo)
                {
                    $("#opc_"+ultimo).fadeOut(function(){
                        $("#"+ultimo).removeClass("seleccionado");
                        $("#"+nuevo).addClass("seleccionado");
                        $("#opc_"+nuevo).fadeIn();
                        ultimo=nuevo;
                    });
                }
            });
        });
 

Muchas gracias de antemano.

[codeams]

Código Javascript:

var ultimo=1;
        $(document).ready(function(){
 
        $(".menus_opcs div, .cont_sub_opcs div").click(function(){       
        // $(".menus_opcs div").add(".cont_sub_opcs div").click(function(){})
 
                nuevo=$(this).attr("id");
                if(nuevo!=ultimo)
                {
                    $("#opc_"+ultimo).fadeOut(function(){
                        $("#"+ultimo).removeClass("seleccionado");
                        $("#"+nuevo).addClass("seleccionado");
                        $("#opc_"+nuevo).fadeIn();
                        ultimo=nuevo;
                    });
                }
            });
        });