Hide div when a different div isn't being hovered over?

Question

My code:

$(document).ready(function() {
$('.tags').hover(function() {
    var id = this.id;
    $.post("tag_process.php", { tag: id }, function(data) {
     $("#entries").html(data);
     });
  });
});

I want #entries to hide(); when .tags isn't being hovered over. Is that possible?

Answer 1

Try this out:

$(document).ready(function() {
$('.tags').hover(function() {
    var id = this.id;
    $.post("tag_process.php", { tag: id }, function(data) {
        $("#entries").html(data).show();
        });
  },function(){
    $('#entries').hide();
  });
});