Jquery links to animate scrolling div rather then the entire page
<p>I'm using a older script that uses jquery anchor links to animate the page to the anchor. It works great, but I need it to just animate the content of a particular div, rather then the entire page. Any idea on how to target a div rather then the page?</p>

<pre><code>$(document).ready(function() {
    $("a.anchorLink").anchorAnimate()
});

jQuery.fn.anchorAnimate = function(settings) {

    settings = jQuery.extend({
        speed : 1100
    }, settings);   

    return this.each(function(){
        var caller = this
        $(caller).click(function (event) {  
            event.preventDefault()
            var locationHref = window.location.href
            var elementClick = $(caller).attr("href")

            var destination = $(elementClick).offset().top;
            $("html:not(:animated),body:not(:animated)").animate({ scrollTop: destination}, settings.speed, function() {
                window.location.hash = elementClick
            });
            return false;
        })
    })
}
</code></pre>
