jquery - ボックスの点滅を避けるために、適切にMouseenter/mouseleaveバインディング

Question

いくつかのボックスが近くにあり、いずれかのボックスにカーソルを合わせると別のボックスが表示されます。これがコードスニペットです（不完全なので、フィドルはありません）。

<div id="big_square_1" class="big_square" style="display:none;"></div>
<div id="big_square_2" class="big_square" style="display:none;"></div>
<div id="big_square_3" class="big_square" style="display:none;"></div>
<div id="big_square_4" class="big_square" style="display:none;"></div>

およびjQuery：

    $("#big_square_1").mouseenter(function() {
        $('#big_square_1').css("border", "1px solid #191919").css("height", "98px").css("width","98px");
        $('#hover_Box').fadeIn('fast');
    });
    $("#big_square_1").mouseleave(function() {
        $('#big_square_1').css("border", "inherit").css("height", "100px").css("width", "100px");
        $('#hover_Box').fadeOut('fast');
    });
    $("#big_square_2").mouseenter(function() {
        $('#big_square_2').css("border", "1px solid #191919").css("height", "98px").css("width","98px");
        $('#hover_Box').fadeIn('fast');
        $('#side_box_1').append('<br><br><br><p>This is ARC</p>');
    });
    $("#big_square_2").mouseleave(function() {
        $('#big_square_2').css("border", "inherit").css("height", "100px").css("width", "100px");
        $('#hover_Box').fadeOut('fast');
    });

これらのイベントを個別に構成したので、後でボックスに.htmlを含むコンテンツを追加できます。ただし、今のところ、これらのボックスがすばやくロールオーバーされると、「高速」は単に十分な速度ではなく、フェードインするボックスが点滅してしまいます。この点滅を防ぐために、mouseenter / mouseleaveを変更するにはどうすればよいですか？（私は.stop / .bindの初心者です）。また、CSSの複数の変更に省略形を使用できることもわかっています。ホバーの問題が解決するまで、この方法を使用することを好みます。