title: Jquery Hide Show ScrollTop
body: <p>i am looking for a way to show the children of my div when i scroll down . </p>
  
  <p>Here my code :</p>
  
  <pre><code>$(document).ready(function (e) {
  
      var test = 0;
      $('#one').children('div').hide().css({
          'overflow': 'hidden'
      });
  
      $('#one').hover(function () {
          $(this).children('div').stop(true, true).show('slow');
      }, function () {
          $(this).children('div').stop(true, true).hide('slow');
      });
  </code></pre>
  
  <p>When i scroll down like two time ( ~ 30 pix) , i want to show the div children so when the user reach again the top of his screen he can see the div children but this:</p>
  
  <pre><code>if ($(window).scrollTop() &gt;11) {
          test+=1;
      }
  
  if(test!==0){
      $('#one').children('div').show().css({
         'overflow': 'visible'
      });
  </code></pre>
  
  <p>seems not to work. I want this trick to work without modify the mousehoverfunction. </p>
  
  <p><a href="http://jsfiddle.net/DatKebab/448mj/55/" rel="nofollow">here the jsfiddle for better understanding</a>.</p>