How to show/hide a div on mouseover using jquery?

Answer 1

First of all you have repeated ids on elements, which is wrong. use classes instead, ids should be unique

      

         
div one
         
2222
      
      

         
div two
         
2222
      

then change your code

$(function() {
  $('.divOne').hover(function() { 
    $('#Details').show(); 
  }, function() { 
    $('#Details').hide(); 
  });
});

this will end up (with your actual markup) with the result that your div will be shown when you hover on the table and it will be hidden when you don't