title: jQuery().fadeIn() to an ID
body: <p>So, I have following jQuery to allow hidden content to be shown:</p>
  
  <pre><code>jQuery(".button").click(function(){  
      jQuery("#hidden_content").fadeIn()   
      return false;
  });
  </code></pre>
  
  <p>Here is a simple image of what happens when the button is clicked:</p>
  
  <p><img src="https://i.stack.imgur.com/ffvYH.png" alt="enter image description here"></p>
  
  <p>Problem is that when the hidden content is visible, the page is scrolled down slightly that the <code>visible content 1</code> is "obstructed" (if that is the right word).</p>
  
  <p>Let say that the <code>visible content 1</code> has an <code>id</code> of "#my_visible_content_1".
  When the button is clicked, is there a way to use this <code>id</code> to position what is at the top?</p>
  
  <p>Or even disabling scrolling would work.</p>