jquery实现鼠标移上去某元素显示隐藏的内容，移除继续隐藏

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');
        });
 })