Zeigen Kindelement auf Hovering auf Elternelement

Question

Ich versuche zu machen. Work - Strategie, .work - Service und. Work - Design sichtbar auf Schweben auf ihre Eltern Divs. Unten ist der Code dafür. Im Moment funktioniert es nur, wenn jemand mit diesem Code auf das Kind losgeht.

.work--service_provided:hover .work--strategy,.work--service_provided:hover .work--design,.work--service_provided:hover .work--dev{ 
    visibility:visible !important; 
} 

Ich baute eine fiddle example aber die Geige funktioniert gut.

Answer 1

Style ist Fein vielleicht einige andere Klasse über Recht, es uns Js

eine Probe von mir ist https://jsfiddle.net/teo3c2rh/1/

$('.work--service_provided').hover(function(){ 
    $(this).addClass('active') 
},function(){ 
    $(this).removeClass('active') 
});