How to Handle a Long List of Tabs
<p>I have a list of tabs that are dynamically generated:</p>

<pre><code>&lt;ul&gt;
    &lt;li&gt;Tab #1&lt;/li&gt;
    &lt;li&gt;Tab #2&lt;/li&gt;
    &lt;li&gt;Tab #3&lt;/li&gt;
    &lt;li&gt;Tab #4&lt;/li&gt;
    &lt;li&gt;Tab #5&lt;/li&gt;
    &lt;!-- ...up to #N --&gt;
&lt;/ul&gt;
</code></pre>

<p>There could be anywhere from 2 to infinity tabs. The design team wants the last tab to say <code>More v[down arrow]</code> and turn into a drop down containing the remaining tabs if and only if the width of the tabs exceeds the space allotted them. Upon selection of one of the tabs in the drop down, the <code>More v</code> text will change to that of the tab selected so the user will know which tab they are on.</p>

<pre><code>Tab #1 | Tab #2 | Tab #3 | Tab #4 | More v
                                    Tab #5
                                    Tab #6
                                    Tab #7
                                    Tab #8
                                    Tab #9
</code></pre>

<p>While I can definitely think of a couple of ways to handle this offhand, <strong>are there any libraries that can handle this for me</strong> or <strong>are there any techniques or general guidelines you'd like to share?</strong></p>

<p>Thanks in advance!</p>
