Scroll to a div within a div on certain action
<p>Is it possible to scroll to a particular div automatically when called upon in JavaScript/jQuery?</p>

<p>I can use <code>$('div[compid="' + compid + '"]')</code> to get the correct div but I need to force the div with that particular compid to be scrolled to on the screen.</p>



<pre><code>$(document).delegate(".heading",'click',function(){
    $(this).next().slideToggle('slow');
});
</code></pre>

    

<pre><code>&lt;div id="listings"&gt;
    &lt;div class="heading" compid="80" usedspec="33"&gt;&lt;div class="content"&gt;content in here&lt;/div&gt;&lt;/div&gt;
    &lt;div class="heading" compid="81" usedspec="34"&gt;&lt;div class="content"&gt;content in here&lt;/div&gt;&lt;/div&gt;
    &lt;div class="heading" compid="82" usedspec="35"&gt;&lt;div class="content"&gt;content in here&lt;/div&gt;&lt;/div&gt;
    &lt;div class="heading" compid="83" usedspec="36"&gt;&lt;div class="content"&gt;content in here&lt;/div&gt;&lt;/div&gt;
    &lt;div class="heading" compid="84" usedspec="37"&gt;&lt;div class="content"&gt;content in here&lt;/div&gt;&lt;/div&gt;
&lt;/div&gt;
</code></pre>
