在父元素上悬停时显示子元素

Question

我正在尝试制作.work - 策略，.work - service和.work - 设计在他们的父母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')
});