Llamar un div dentro de otro div con Hover

[dandenny]

Buenas tardes:

Mi problema es que intento llamar Ej: mi div 2 al hacer la acción hover sobre el div 1, Pero no me sirve nada de lo que intento, estoy algo Canoso ya de tanto insistir, Agradezco la ayuda que alguien me pueda brindar, adjunto mi código html y css.

<div id="menu_customers">
<a href="#" > <b> > Customers Services</b></a>
<div id="mostrar" class="esconder">
<p>Customer service</p>

Bla Bla Bla

</div>


<!--- aca mi css --->

#menu_customers {margin-top:200; background-color:#0066C; width:850; height:auto; border: outset 1 #00FF00;}

#menu_customers a {margin-left:20; color:#FFFFFF; font-family:calibri;}

.esconder {display:none;}



La idea es que al hacer click o pasar el ratón "cualquiera de las dos me es genial" por mi id="menu_customers" me aparezca el id="mostrar".

Va a sonar muy ridiculo y todo pero lo se hacer con ul e il's, xD, aun asi los div's me quitaron la dormida.

Gracias totales hoy y siempre, Bendiciones!!!!

[DataLore]

Por lo que veo tu div interno tiene definida una clase que lo oculta de la página (display:none), sin embargo no estas cambiándole ese valor a la propiedad en ningún momento, que debiera pasar a ser por ejemplo display:block.

[softmaster]

Espero que te sirva saludos.. lo hice rapido.. pero probalo

Código HTML:

<script languaje="Javascript">
<!--
document.write('<style type="text/css">div.ocultable{display: none;}</style>');
function MostrarOcultar(capa,enlace)
{
    if (document.getElementById)
    {
        var aux = document.getElementById(capa).style;
        aux.display = aux.display? "":"block";
    }
}

//-->
</script>



<div id="menu_customers">

<a href="#" onclick="MostrarOcultar('mostrar')">Customers Services</a>

<div id="mostrar" style="display:none">
<p>Customer service</p>
</div>

</div> 

[webosiris]

con solo css es tan sencillo como esto:

Código CSS:

#menu_customers #mostrar{display:none}
#menu_customers:hover #mostrar{display:block}
 

[dandenny]

Mucisimas Gracias a todos!!!

Softmaster, xD muchas gracias a ti tambien, es q no tengo muchisimos conocimientos en javascript.

Webosiris Estavas en lo correcto, muchisimas gracias.

#menu_customers:hover #mostrar

no tenia esa logica muchas gracias :D

[dandenny]

Iniciado por webosiris

con solo css es tan sencillo como esto:

Código CSS:

#menu_customers #mostrar{display:none}
#menu_customers:hover #mostrar{display:block}
 

Amigo tu o alguien mas si sabe haver si me ayuda a esta !!!!!

Quisiera sabe como hacerlo pero cuando se haga click y no un hover, es solo por informarme, es q lo e buscado y por lo q e visto todos lo hacen en javascript, se puede hacer en css, como? :D

Muchisimas gracias.