gayadesign's slideContent:function(obj) not working
<p>I have used <a href="http://www.gayadesign.com/diy/animated-tabbed-content-with-jquery/" rel="nofollow">http://www.gayadesign.com/diy/animated-tabbed-content-with-jquery/</a></p>

<p>tab control, </p>

<pre><code>var TabbedContent = {
    init: function () {
        $(".tab_item").mouseover(function () {

            var background = $(this).parent().find(".moving_bg");

            $(background).stop().animate({
                left: $(this).position()['left']
            }, {
                duration: 300
            });

            TabbedContent.slideContent($(this));

        });
    },

    slideContent: function (obj) {

        var margin = $(obj).parent().parent().find(".slide_content").width();
        margin = margin * ($(obj).prevAll().size() - 1);
        margin = margin * -1;

        $(obj).parent().parent().find(".tabslider").stop().animate({
            marginLeft: margin + "px"
        }, {
            duration: 300
        });
    }
}

$(document).ready(function () {
    TabbedContent.init();
});
</code></pre>

<p><br /></p>

<pre><code>slideContent: function (obj) 
</code></pre>

<p>doesnt work, while mouseover works fine,</p>

<p>can you please help me out </p>
