title: Shows specific divs on scroll with non javascript browser support
body: <p>I am trying to modify below Script to make it more friendly for users who disabled Javascript. The code below set opacity of all divs to 0 and 1 on scroll position. I want to hide specific divs by manually adding class 'hideme' and show them on scroll.</p>
  
  <pre><code>$(document).ready(function() {
  
  /* Hide all elements outside the visible window */
  $('body *').each( function(){
  
      var top_of_object = $(this).position().top;
      var bottom_of_window = $(window).scrollTop() + $(window).height();
  
      if( bottom_of_window &lt; top_of_object  ){
  
          $(this).addClass('hideme').css({'opacity':'0'});
  
      }
  
  });
  
  /* Every time the window is scrolled ... */
  $(window).scroll( function(){
  
      /* Check the location of the desired elements */
      $('.hideme').each( function(i){
  
          var bottom_of_object = $(this).position().top + $(this).outerHeight();
          var bottom_of_window = $(window).scrollTop() + $(window).height();
  
  
              if( bottom_of_window &gt; ( bottom_of_object + 20 )  ){
  
                  $(this).removeClass('hideme').animate({'opacity':'1'},500);
  
              }
  
      }); 
  
  });
  
   });
  </code></pre>
  
  <p>I figured out how to specify selected divs, just change below code</p>
  
  <p>$('body *').each( function(){</p>
  
  <p>to</p>
  
  <p>$('.div-class,.another-div-class').each( function(){</p>