Jeśli tworzysz strony internetowe za pomocą Elementora to jest spora szansa, że natknąłeś się na widżet „Akordeon”. Przydaje się szczególnie do sekcji z pytaniami i odpowiedziami na stronie. Elementor domyślnie ustawia pierwszą kartę widżetu jako otwartą. Za chwilę, pokażę Ci jak nakłonić go, aby po wejściu na stronę, widżet akordeon pokazał się domyślnie zamknięty.
W tym celu użyjemy następującego kodu JavaScript:
<script>
jQuery(document).ready(function($) {
var delay = 100; setTimeout(function() {
$('.elementor-tab-title').removeClass('elementor-active');
$('.elementor-tab-content').css('display', 'none'); }, delay);
});
</script>Powyższy kod możemy zastosować na naszej stronie na dwa sposoby:
Możesz użyć widżetu HTML, aby użyć powyższego kodu. Po prostu przeciągnij widżet HTML i umieść go tuż nad widżetem Akordeon. Wklej kod w polu Kod HTML w panelu ustawień.
Jeśli masz wiele akordeonów w swojej witrynie i chcesz, aby wszystkie były domyślnie zamknięte, możesz zamiast tego użyć niestandardowego kodu. Aby to zrobić, na pulpicie nawigacyjnym WordPress przejdź do zakładki Elementor -> Custom Code. Kliknij przycisk Dodaj nowy, aby dodać nowy kod niestandardowy.
Nadaj swojemu niestandardowemu kodowi nazwę np. Zamknięty Akordeon i wklej kod. W sekcji Lokalizacja możesz wybrać nagłówek, stopkę lub treść. Twój kod będzie działał w dowolnym miejscu. Kliknij przycisk Publikuj, aby zastosować kod.
Spróbuj ponownie załadować jedną ze stron swojej witryny, która zawiera akordeon, aby sprawdzić wynik.
Daj znać w komentarzu, jeśli przedstawiony sposób z jakiegoś powodu u Ciebie nie sprawdził się.
2 Responses
Nice post. I was checking continuously this blog and I
am impressed! Very helpful information specifically the last
part 🙂 I care for such info a lot. I was seeking this certain info for a long time.
Thank you and good luck.
Feel free to surf to my page … video ai
Have you ever thought about including a little bit more than just your
articles? I mean, what you say is important and everything.
However just imagine if you added some great pictures or
videos to give your posts more, „pop”! Your content is
excellent but with images and clips, this site could definitely be one of the best
in its niche. Fantastic blog!
Here is my site audience