Error con unas div y show de query

[jonni09lo]

Hola, ps mira en javascript no he visto eso no se si habra algo parecido, aunque creo que si, con respecto a tu codigo mira esto:

Código HTML:

<div id="vista" style="display:none;padding:5px;" onmouseout="view_change_off();">
    <div id="vista_t" ><img src="img.jpg" width="74" height="90" style="border-radius:14px;" /></div>
    <div id="vista1">1</div>
    <div id="vista2">2</div>
    <div id="vista3">3</div>
    <div id="vista4">4</div>
    <div id="vista5">5</div>
    <div id="vista6">6</div>
    <div id="vista7">7</div>
    <div id="vista8">8</div>
    <div id="vista9">9</div>
</div>
<div id="view" onmouseover="view_change_on();">Hola</div>
 

y este es el javascript

Código Javascript:

function view_change_on(){
    for(c=1;c<10;c++){
        $('#vista'+c).css('background-color','green');
    }
    $('#vista').stop('fx',true,true).show(500); 
}
$("#vista div").mouseleave(function(event){
    event.stopPropagation();
});  
function view_change_off(){
    for(c=1;c<10;c++){
        $('#vista'+c).css('background-color','#333');
    }
    $('#vista').stop('fx',true,true).hide(500);
}
 

si miras la parte de stopPropagation, solo lo estoy aplicando a los elementos hijos del contenedor principal y no al contenedor principal como tal espero que te sirva

Saludos