JQuery显示隐藏与无序列表:需要添加动态文本/隐藏功能

JQuery show hide with unordered list: need to add dynamic text / hide function

本文关键字：隐藏 动态 添加 文本 功能 显示 无序 列表 JQuery      更新时间：2023-09-26

我有一个无序列表，如果超过 3 个，我会隐藏任何其他列表项。之后，我调用了一个 JQuery 函数，该函数在底部放置一个"显示更多"链接，并切换要显示的任何其他列表项。

但是，我有点卡住了，我想在所有列表项显示并单击后将显示链接转换为"隐藏"，然后单击它，然后

隐藏其他列表项，然后链接更改回"显示更多..."再。

这是我到目前为止拥有的代码，可用于扩展和显示其他列表项。 

 $('ul li:gt('+index+')').hide();
    $('ul').append('<li class="more"><a href="#">Show more...</a></li>');
    $('ul li.more a').click(function() {
    $('ul li.more a').remove();
    $('ul li:gt('+index+')').show();
    });

请注意，我没有停留在此代码上，如果有更好的方法可以实现整个显示/隐藏代码，那很好。

我用到目前为止的代码写了一个小提琴。

在这里，jquery toggle()函数派上用场 - 您可以附加到每隔单击元素时调用的事件处理程序。使用 text() 更改链接的文本（如果您不计划回退，则不应是链接 - 请改用 span）

更新的小提琴。

先生

，你去:)固定且运行良好！

http://jsfiddle.net/TQXQD/7/

相关文章：