我正在尝试找到一个 jQuery 解决方案,以在左侧导航过滤器中显示每个菜单上的前 3 个项目,并带有“显示更多”和“显示更少”链接,使用户能够展开列表。
我已经搜索了一个解决方案,但大多数展开/折叠脚本完全隐藏了图层,而其他脚本则显示展开(显示更多)链接,但不切换以显示折叠(显示更少)链接。
我的菜单编码如下。
<div id="menu1">
<ul class="term-list">
<li class="term-item ">Item 1</li>
<li class="term-item ">Item 2</li>
<li class="term-item ">Item 3</li>
<li class="term-item ">Item 4</li>
</ul>
</div>
<div id="menu2">
<ul class="term-list">
<li class="term-item ">Item 1</li>
<li class="term-item ">Item 2</li>
<li class="term-item ">Item 3</li>
<li class="term-item ">Item 4</li>
</ul>
</div>