将<li>移至另一个<ul>条件</ul> </li>

Question

我有一个菜单，可能有很多按钮和应用程序，所以例如我想当我的菜单超过5“li”隐藏的更多菜单出现并从那5个2或3取得所以我的菜单总是有5“ li“在里面

With only 5 <li>:
<ul class='mymenu'>
                <li>1</li>
                <li>2</li>
                <li>3</li>
                <li>4</li>
                <li>5</li>
                <li style="display:none;">More Button</li>
                 <ul>
                <li>5</li>
                <li>6</li>
                <li>7</li>
                <li>8</li>
                 </ul>
</ul>

When my menu have for example 8 <li>:
<ul class='list1'>
                <li>1</li>
                <li>2</li>
                <li>3</li>
                <li>4</li>
                <li>More Button</li>
                 <ul>
                <li>5</li>
                <li>6</li>
                <li>7</li>
                <li>8</li>
                 </ul>
</ul>

因此，当我的菜单有5 li时，更多的菜单仍然会被隐藏，但是当它超过5 li时，会出现更多的菜单，并且会从li中获取，而while菜单包含5 li