title: jQuery carousel style sliding navigation menu
body: <p>I currently have a navigation menu with 2 lines; a topnav and a subnav which appears when hovering over the relevant menu item (all done via done via CSS).</p>
  
  <p>Essentially, the subnav will be automatically populated with relevant items, and I was wondering if it is possible to scroll along the subnav using jQuery?</p>
  
  <p><a href="http://sorgalla.com/projects/jcarousel" rel="nofollow">jCarousel</a> appears to do what I want (scroll horizontally), however my subnav is simply a bunch of href tags and seperators within a span class, e.g.:</p>
  
  <pre><code>&lt;ul id="topnav"&gt;
          &lt;li&gt;&lt;a href="#" class="red"&gt;topmenu item&lt;/a&gt;
              &lt;span&gt;
                  &lt;a href="#"&gt;submenu link 1&lt;/a&gt; |
                  &lt;a href="#" class="even"&gt;submenu link 2&lt;/a&gt; |
                  &lt;a href="#"&gt;submenu link 3&lt;/a&gt; |
                  &lt;a href="#" class="even"&gt;submenu link 4&lt;/a&gt; |
                  &lt;a href="#"&gt;submenu link 5&lt;/a&gt; |
                  &lt;a href="#" class="even"&gt;submenu link 6&lt;/a&gt; |
                  &lt;a href="#"&gt;submenu link 7&lt;/a&gt; |
              &lt;/span&gt;
          &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>Is there any way I can use jQuery to scroll my subnav href links, without having to convert it to a HTML to a list etc.? It would be a pain having to redo the CSS; plus my subnav is automatically outputted as href links anyway.</p>
  
  <p>I simply would like to have a little arrow appear which would allow users to click and scroll to the right if/when the links overflowed. Is this possible without having to change the HTML I already have?</p>
  
  <p>Thanks.</p>