jquery - 再帰的なマウスオーバーが多すぎる

Question

マップのさまざまな領域を強調表示する次のコードがあります(たとえば、州が財政的に分離されており、ユーザーが州の一部にマウスオーバーすると、州全体が強調表示される必要があります):

$(function() {
$('#area-a').mouseover(function(e) {
    $('#area-b').mouseover();
    $('#area-c').mouseover();
}).mouseout(function(e) {
    $('#area-b').mouseout();
    $('#area-c').mouseout();
});


$(function() {
$('#area-b').mouseover(function(e) {
    $('#area-a').mouseover();
    $('#area-c').mouseover();   
}).mouseout(function(e) {
    $('#area-a').mouseout();
    $('#area-c').mouseout();
});

});

だから、あまりにも多くの再帰エラーが発生しています。なぜそれが起こっているのかを見ることができ、event.stopPropagation() がそれを解決する方法であることがわかりましたが、関数の先頭に配置すると、すべてが強調表示されません地域なので、私は立ち往生しています。これはさまざまな領域を強調表示する正しい方法ですか、それとも stopPropagation イベントを別の場所に配置する必要がありますか?