Как обрабатывать длинный список вкладок

Question

У меня есть список вкладок, которые динамически генерируемые:

<ul> 
    <li>Tab #1</li> 
    <li>Tab #2</li> 
    <li>Tab #3</li> 
    <li>Tab #4</li> 
    <li>Tab #5</li> 
    <!-- ...up to #N --> 
</ul> 

Там может быть от 2 до бесконечности вкладок. Команда разработчиков хочет, чтобы последняя вкладка сообщила More v[down arrow] и превратилась в выпадающий список, содержащий оставшиеся вкладки, если и только если ширина вкладок превышает выделенное им пространство. После выбора одной из вкладок в раскрывающемся списке текст More v изменится на текст выбранной вкладки, чтобы пользователь знал, на какой вкладке они находятся.

Tab #1 | Tab #2 | Tab #3 | Tab #4 | More v 
            Tab #5 
            Tab #6 
            Tab #7 
            Tab #8 
            Tab #9 

В то время как я могу определенно думать пару способов справиться с этим экспромтом, есть какая-либо библиотека, которые могут справиться с этим для меня или есть ли какие методы или общие рекомендации, которые вы хотели бы поделиться?

Заранее благодарен!

Answer 1

В случае, если кто-то еще споткнутся об этом, я придумал свое решение, так как были некоторые довольно конкретные бизнес-требования.

Рабочий пример: http://jsfiddle.net/joshpauljohnson/U3vV7/6/