jQuery

【jQuery】ページまたは親コンテナに収まらないリンクを削除し、ドロップダウンメニューに追加するGreedy Menu

April 19, 2018
Greedy Menu

Greedy Menuはリストからリンクを削除し、コンテナの幅が十分でない場合はドロップダウンに追加し、アクティブなクラスを持つリスト項目は削除されません。ページのサイズ変更に作用します。

HTML

<div class="wrapper wrapper1">

<ul>
	<li>Item 1</li>
	<li>Item 2</li>
	<li>Item 3</li>
	<li>Item 4</li>
	<li>Item 5</li>
	<li class="active">Item 6</li>
	<li>Item 7</li>
	<li>Item 8</li>
	<li>Item 9</li>
	<li>Item 10</li>
</ul>
</div>