how do I slide these buttons on horizontal navigation menu with jquery?
<p><img src="http://i.stack.imgur.com/U6Tnw.png" alt="enter image description here"></p>

<p>I've this menu with ul li structure. It has hidden buttons in overflow: hidden; I want to be able to slide with next prev buttons through the hidden content. But since buttons are different size, I cannot think of a safe way to pull this off.</p>

<p>any help appreciated.</p>

<p>some pointers to jquery plugins also.</p>

<p>thanks.</p>

<p>html is here: <a href="http://jsfiddle.net/utKqe/2/" rel="nofollow">http://jsfiddle.net/utKqe/2/</a></p>

<p>I managed to get desirable effect with this (but still cannot make it stop going to infinity):</p>

<pre><code>    //other category page, navigate through cats
$(document).ready(function() {

    $('#otherleftarrow').click(function() {
        $('#othermenu ul').animate({marginLeft: '-=100px'}, 200);
        return false; // prevent default click action from happening!
    });

    $('#otherrighttarrow').click(function() {
        $('#othermenu ul').animate({marginLeft: '+=100px'}, 200);
        return false;
    });

});
</code></pre>
