Question

I have this jquery :

$(document).ready(function() {

$('#display').hover(
  function () {
$('#viewer').load('display.php');
});
}); 

What I want to happen is, for the content to slide in when hovering over #viewer and I want it to slide away when it hovers over #button1 or #button2 (so basically div#viewer slides away)

Answer 1

something like this should do the trick

$(document).ready(function() {
    $('#viewer').height(0);
    $('#display').hover(
        function () {
            $('#viewer').load('display.php');
            $('#viewer').animate({height:'100'});
        }
    );
});