Intereting Posts
Можно создать образы заполнителя в редакторе WordPress, которые можно щелкнуть (должен вызывать загрузчик)? Меню пользовательской панели не остается открытым для пользовательской таксономии Страница пользовательского поиска не работает Нежелательные URL-адреса медиа-библиотек в сообщениях? Отключить авто 301 на архивных страницах? Как ссылаться на тело TinyMCE в моем скрипте Безопасно ли использовать редактор файлов для настройки? Как разместить WordPress в скрытом домене через обратный прокси? Как использовать wp_list_categories с категорией плагина? Функция отображения случайных сообщений из категории Проверьте, имеет ли шаблон страницы определенный шаблон WP текстовые стили не доходят до фактического поста Скрыть теги тегов и категорий из редактора сообщений Заказ загрузки страницы WP (включая виджеты, php, плагины, медиа, шаблоны и CSS) два редактора tinyMCE на одной странице

Свернуть содержимое

Я ищу способ показать / скрыть некоторый контент на странице. Там есть несколько плагинов, которые делают это для меня, но все они отображают содержимое непосредственно ниже или в коротком коде, и это не то, что я хочу.

У меня есть кнопка, на которую пользователь может нажать. Эта кнопка находится в таблице, и div (есть несколько), которые должны быть видимыми, находятся под таблицей, а не в той же ячейке таблицы, где находится кнопка.

Содержимое под первой таблицей (с кнопкой и ссылкой «показать больше / меньше») должно быть видимым. Это должно быть несколько раз на этой конкретной вкладке.

Я могу написать код в плагин (я новичок с пользовательским кодом WordPress), но мне нужна идея или советы о том, как это сделать.

Solutions Collecting From Web of "Свернуть содержимое"

Решил это.

Я создал плагин, который загружает этот js:

function showContent(element){ $('.huisjes').slideUp(); if ( $(element).is( ':hidden' ) ) { $(element).slideDown('slow'); } else { $( element).slideUp(); } } 

Затем я создал два коротких кода:

 function createDiv($atts, $content = null) { extract(shortcode_atts(array( 'id' => "", ), $atts)); return '<div id="'. $id . '" class="huisjes" style="display:none;"/>' . $content . '</div>'; } add_shortcode('huisje', 'createDiv'); function createButton($atts, $content = null) { extract(shortcode_atts(array( 'id' => "", ), $atts)); return '<a onClick="showContent('.$id.')" href="javascript:void(0);" class="big-button bigorange">'. $content .'</a>'; } add_shortcode('huisje_button', 'createButton'); 

Первый код создает div с данным идентификатором. Второй код создает кнопку (с некоторым css), которая ссылается на функцию в JS для отображения содержимого.