javascript - 将两个单独的元素附加到一个动画脚本

我正在尝试使div通过将其悬停来更改其宽度。我对此表示怀疑，但我也希望通过将h5标签悬停在单独的标签上来更改其宽度。有谁知道如何做到这一点？这是我目前所拥有的。

$(function(){
$("#hoverbox").hover(
    function(){
       $(this).animate({width: '150px'});
    },
    function(){
        $(this).animate({width: '38px'});
    }
);
}};

https://jsfiddle.net/m0u8braj/5/ ...或者位于http://www.cosmosdesign.co.nz/。另外，您可能会注意到盒子可能会有些痉挛，并且会多次伸缩，这与我当前的代码有关吗？谢谢。

最佳答案

我已经编辑了您的Fiddle。现在，仅使用CSS即可满足您的要求。不需要jQuery的.animate()

之所以这样工作，是因为CSS的:hover可能会影响+或~选择器的同级元素，如下所示：

#hoverbox:hover, h5:hover + #hoverbox{
  width: 150px;
}

希望这可以帮助