jquery toggle + paginate + несколько экземпляров

Question

Я новичок в jquery - хотел спросить, что может быть лучшей стратегией для достижения того, к чему я стремлюсь, поскольку я думаю, что он использует сочетание функций jquery:

1. Если список элементов превышает 5 элементов, появляется ссылка «еще», при переключении которой отображаются остальные элементы. Если список элементов 5 или меньше, ссылка «больше» не отображается. Кнопка «Скрыть» также внизу длинного полного раскрывающегося списка. (возможно это переключение + нумерация страниц?)

2. И затем также, что это может быть использовано в нескольких случаях, как и для меню нескольких категорий. (Для использования в типичной структуре индексации сайтов, такой как http://mikeyburton.com/)

• ссылка 1
• ссылка 2
• ссылка 3
• ссылка 4
• ссылка 5
• ссылка 6
• ссылка 7
• ссылка 8
• более

Любая помощь или ссылки с благодарностью.

Answer 1

Это даст вам количество подходящих элементов в определенном классе:

$('.element').size();

Вы можете использовать hide () и show (), как упомянуто выше, или использовать toggle () , чтобы скрыть и показать посторонние элементы. Или для больших списков может быть разумно использовать load () или get () (ajax) только при необходимости.

Похоже, вы хотите то, что называется "функцией аккордеона". Вы также можете добиться этого эффекта, используя виджет аккордеона пользовательского интерфейса jQuery .

Если вы не хотите показывать элемент управления «more», скрывайте его в соответствующее время:

if ("li.all").size() > 5) {
    $("#toggler").hide();
}

Answer 2

Это можно сделать разными способами.

Самый простой способ - загрузить все элементы, а затем скрыть все, кроме первых 5. Это можно сделать с помощью методов jQuery show () и hide (). ссылка Вы также можете использовать метод size (), чтобы узнать, сколько у вас предметов того же класса.

Или вы можете использовать Ajax для загрузки других предметов, когда это необходимо. ссылка