TechBlogSD - Все для WordPress и WEB разработки
WEB и WordPress инструкции, новости, обзоры тем и плагинов

Как закрыть по умолчанию аккордеон в Elementor

795

Elementor стал моим любимым визуальным дизайнером для WordPress, и мы очень часто используем его в проектах клиентов нашей компании. В сегодняшнем посте я поделюсь с вами небольшим трюком, который поможет вам придать уникальный вид аккордеонам этого инструмента.

Как сделать аккордеоны закрытыми по умолчанию

Клиент очень часто просит вас «положить» информацию об аккордеонах. Это часто используется для вопросов SEO. На странице должно быть определенное количество слов, но так много текста не подходит для постоянного отображения.

Проблема в том, что по умолчанию в Elementor всегда открыта первая вкладка аккордеона. И есть клиенты, которые ненавидят это! Есть решение? Конечно, если вы просто вставите следующий код в раздел HTML, куда хотите:

<script> jQuery(document).ready(function($) { var delay = 100; setTimeout(function() { $('.elementor-tab-title').removeClass('elementor-active'); $('.elementor-tab-content').css('display', 'none'); }, delay); }); </script>

И … Престо! он закрывается по умолчанию. Больше нечего делать. Легко, полезно, быстро и для всей семьи. Мы надеемся, что это послужит вам!

Другие решения для закрытия аккордеона Elementor

1) Используйте виджет спойлер место аккордиона:

https://wordpress.org/support/topic/close-first-accordion-item/

2) Вы можете передать опцию toggle: false в оператор сжатия, чтобы все элементы аккордеона были скрыты под нагрузкой, например:

$('.collapse').collapse({ toggle: false });

Демо: http://jsfiddle.net/gqe7g/9/

Источник записи: https://digitalfreelancing.eu

Comments are closed.

Этот веб-сайт использует файлы cookie для улучшения вашего опыта. Мы предполагаем, что вы согласны с этим, но вы можете отказаться, если хотите. ПринимаюПодробнее