proximity - 更改元素关闭“蜂巢”

Question

我有一个问题要问你，这让我很痛苦。

查看附加的代码，我希望将鼠标悬停在其他人更改为攀爬的圆圈之一上，就像现在使用鼠标“box_4A”一样。

如您所见，代码非常复杂且不是很智能……您知道任何快捷方式吗？或者也许我可以说正确的方式:)

代码笔

$('.box_4A').hover(function() {
    $(this).find('.circle').stop(true,true).toggleClass('generic_lv0', 500, 'easeInOutQuad');
    setTimeout(function(){ $('.box_3A, .box_4B, .box_5B').find('.circle').stop(true,true).toggleClass('generic_lv1', 500, 'easeInOutQuad'); }, 50);
    setTimeout(function(){ $('.box_2A, .box_3B, .box_4C').find('.circle').stop(true,true).toggleClass('generic_lv2', 500, 'easeInOutQuad'); }, 75);
    setTimeout(function(){ $('.box_1A, .box_2B, .box_2C, .box_3C, .box_4D, .box_5D').find('.circle').stop(true,true).toggleClass('generic_lv3', 500, 'easeInOutQuad'); }, 100);
    setTimeout(function(){ $('.box_1B, .box_1C, .box_1D, .box_2D, .box_3D, .box_1E, .box_2E, .box_3E, .box_4E').find('.circle').stop(true,true).toggleClass('generic_lv4', 500, 'easeInOutQuad'); }, 125);
});