jquery悬浮显示效果设计

  $(document).ready(function() {
        var dropdown = $('.dropdown_area');
        dropdown.css('display', 'none');
        $('.a_dropdown').hover(function() {
          dropdown.css('display', 'block');
          dropdown.hover(function(){
            dropdown.css('display', 'block');
          },function(){
            dropdown.css('display', 'none');
          })
        }, function() {
          dropdown.css('display', 'none');
        });
 }

先获取dropdown_area
鼠标悬浮在a_dropdown上时，dropdown_area显示，鼠标移到dropdown_area时，dropdown_area依然显示，鼠标移出dropdown_area或者a_dropdown时，dropdown_area隐藏