Скрыть часть ссылок в блоке меню

Главные вкладки

Аватар пользователя real-man real-man 23 ноября 2015 в 9:21

Есть блок меню термина таксономии в сайдбаре с двадцатью пунктами (категориями), как сделать так, что выводилось скажем только 5 ссылок меню, а под ними была кнопка "показать все", раскрывающая еще спрятанные под ней пункты?

Комментарии

Аватар пользователя tlito tlito 23 ноября 2015 в 23:02

это не простое требование, которое решается по-разному, я предлагаю так
1. используйте в template.php функцию которая добавляет id всем ссылкам всех меню или вашего определенного, как добавить id всем ссылкам меню написано дето в моем блоге и на интернетах тоже
2. пропишите стили определенным пунктам меню - скрытые, то есть примерно так
 #item-15, #item-19, #item-20 {display:none;}
3. ну и наконец, напишите js: сделайте обработчик нажатия на вашу кнопку, в котором вы показываете эти пункты

также если хотите можете нужным пунктам просто добавить общий класс .notdisplay а в обработчике тогда просто поменять свойство этого класса а не свойства многих элементов.

Аватар пользователя Grayw0lf Grayw0lf 24 ноября 2015 в 0:55

Внесу немного ясности. В css для скрытия с определенного элемента можно использовать nth-child(Xn+Y) также как и в выборке в jquery, для jquery удобнее даже будет gt(n), на кнопку навешиваем toggle в обработчиках которого до кучи прописать текст кнопки "Показать все" и "Скрыть". Ну а также можно и через добавление/удаление классов в js скрипте (addClass, removeClass). В общем задача имеет не одно решение.
tlito брысь отсюда а то всякую фигню пишешь.

Аватар пользователя real-man real-man 24 ноября 2015 в 9:20

Спасибо, я так понял готовых решений на друпал нету, буду значит от ваших рекомендаций отталкиваться. На tito зря вы так, человек помочь хотел, по своим знаниям, пусть его метод и не самый правильный оказался.