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();
    });

私はこのコードに固執していないことに注意してください。show/hideコード全体を実装するより良い方法があれば、それで問題ありません。

私はこれまでに持っているコードでフィドルを書きました。

4

2 に答える 2

3

そこに行きます:)修正され、うまく実行されています！

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

于 2012-04-09T22:17:03.453 に答える
3

ここでjquerytoggle()関数が便利です-要素がクリックされるたびに呼び出されるイベントハンドラーにアタッチできます。リンクのテキストを変更するために使用text()します（フォールバックを計画していない場合はリンクではありません-代わりにスパンを使用してください）

フィドルを更新しました。

于 2012-04-09T22:17:51.547 に答える