How To Close Popup

how t close that bio-info popup please help me how to implemented in above the code. in html file

• to

  Solution 1:

  Try:

  $('.ch-grid > li').hover(function() {
      $(this).css({position: 'relative', marginRight: 120});
      $(this).children('.bioinfo').show();
  }, function() {
      $(this).children('.bioinfo').hide();
  });
  

  HTML

  <ulclass="ch-grid"><li><divclass="bioinfo"><h2>tooltips</h2></div>

  Make sure you add the < on /div>

  Solution 2:

  This might be what you are looking for.

  I added colors to your markup to show the different element boundaries. You can see that this is returning the margin to its previous setting.

  jsFiddle Demo

  $('.ch-grid > li').hover(
      function () {
          //hover IN//alert( $(this).attr('id') );
          $(this).css({position: 'relative', marginRight: 120});
          $(this).children('.bioinfo').show();
      }, 
      function () {
          //hover OUT
          $(this).css({position: 'relative', marginRight: 0});
          $('.bioinfo').hide();
      }
  

  Solution 3:

  Try This

  $('.instance > li').hover(function() {
      $(this).css({position: 'relative', marginRight: 120});
      $(this).children('.bioinfo').show();
  }, function() {
      $(this).children('.bioinfo').hide();
  });
  

Share