親要素の上にホバーする際に子要素を表示する

Question

私は、.work - strategy、.work - service、および.work - designを、その親divにホバリングして表示しようとしています。以下はそのコードです。今のところ、誰かがこのコードで子供の上を歩いている場合にのみ機能します。

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

私はfiddle exampleを作成しましたが、フィドルは正常に動作します。

Answer 1

スタイルは私によってサンプルがある

多分右の上にいくつかの他のクラスは、それ 私たちはJSファインある https://jsfiddle.net/teo3c2rh/1/

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