3

我有一个无序列表，如果超过 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();
    });

注意我并没有停留在这段代码上，如果有更好的方法来实现整个显示/隐藏代码，那很好。

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

4

2 回答 2

3

先生，您去吧:) 已修复且运行良好！

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

于 2012-04-09T22:17:03.453 回答
3

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

更新了小提琴。

于 2012-04-09T22:17:51.547 回答