is it possible to hover to tab and on click the div slides
<p>Wanted the tab arrow to slide on hover but not move the content un till the tab is clicked, is this possible? please see jsfiddle for example</p>

<p>fiddle: <a href="http://jsfiddle.net/cC4tU/1/" rel="nofollow">http://jsfiddle.net/cC4tU/1/</a></p>

<p>Jquery</p>

<pre><code>jQuery.extend(jQuery.easing, {
     easeInOutQuad: function (x, t, b, c, d) {
        if ((t/=d/2) &lt; 1) return c/2*t*t + b;
        return -c/2 * ((--t)*(t-2) - 1) + b;
    }
});

//EXPAND PAGE DIV CONTENT
var TabbedContent = {
    init: function() {  
        $(".tab_item").mouseover(function() {

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

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

            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: 800
        });
    }
}

TabbedContent.init();
</code></pre>
