jqueryはマウスを動かして隠した内容を表示し、削除して隠し続けることを実現します.

マウスがA要素(id="a")、B要素(id="b")をスライドしてマウスがA、B要素領域に表示されたとき、B要素はずっとA、B要素領域B要素から離れていることを表示します.
 

$(document).ready(function(){
        $('#a').hover(function() {
            $("#b").css('display', 'block');
        }, function() {
           $("#b").css('display', 'none');
        });

        $("#b").hover(function() {
           $(this).css('display', 'block');;
        }, function() {
           $(this).css('display', 'none');
        });
 })