Horizontal submenu sliding open between menu items
<p>I'm trying to create a horizontal menu with horizontal submenu one on the left and one right, but when i align the menu with submenu on the right there is some weird twitching effect caused by the 'width' i think it only happens on the right. Does anyone know how to create a smooth sliding on hover horizontal submenu with opacity effect. Please a need help!</p>

<pre><code>   $(function() {
    $('.sub-menu').hide();

    $('.link').hover(function() {            
            $('.sub-menu', this).stop().animate({
                width: 'toggle',
                opacity: 'toggle'
            } /* [, duration in ms] */);
        }
    );
});
</code></pre>

<p><a href="http://jsfiddle.net/foroloca/zR5Tx/" rel="nofollow">Demo jsfiddle</a></p>

<p><a href="http://stackoverflow.com/questions/13736005/jquery-horizontal-slide-toggle-navigation">Code used link</a></p>
