Como configurar o Elementor Accordion/Sanfona para inicar fechado

O Widget de accordion / sanfona no Elementor é configurado para permanecer aberto e não existe uma opção nativa para mantê-lo fechado. No entanto, é possível facilmente fechá-los utilizando um simples script em JavaScript.

O Elementor possuí um recurso de widget Accordion / Sanfona que é um ótimo recurso para criar sessões como FAQ ou similares é. Ao utilizar o widget Accordion, é possível adicionar uma quantidade ilimitada de itens. Isso pode ser um tanto inconveniente para alguns usuários, já que a principal finalidade de adicionar um accordion é ocultar informações, requerendo interação do usuário (como clicar em um item do accordion) para revelar as informações.

Então, como ajustar todos os itens do accordion para que fiquem fechados por padrão? Simples, aplique o código JavaScript a seguir em qualquer lugar de sua página ou do seu site, como header ou footer. Você pode também inserir ele dentro de um widget HTML do próprio Elementor

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

Se tudo der certo, você verá que seus accordions / sanfona irão fechar, apenas mostrando as informações quando o usuário clicar no item desejado.

Até mais.

Anúncio
Categorias

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *