Kolejny szybki trik – tym razem dla osób, które korzystają z Elementora i chcą stworzyć np. FAQ za pomocą widgeta akordeon. Co Was wkurza w tym widgecie najczęście? TAK! Dokładnie – domyślnie otwarta pierwsza zakładka. Wkurza niemiłosiernie. Wiecie, że jest prosty sposób na to, aby była ona domyślnie zamknięta. Nie? No to czytajcie dalej!
Domyślnie zamknięty akordeon w Elementorze
Elementor ma z jednej strony grono zamiłowanych fanów, z drugiej strony – grono zagorzałych jego przeciwników. Jako, że trafiłaś/eś na tej wpis to pewnie jesteś w tej pierwszej grupie, ale nawet kochając Elementora można się czasem na niego wkurzyć. Jednym z takim powodów zdenerwowania na ten page builder może być widget akordeona. Dlaczego?
Dlatego, że autorzy Elementora postanowili, iż pierwszy element akordeona będzie na starcie domyślnie otwarty. Nie każdemu to się podoba. No i generalnie nie byłoby lamentu, gdyby autorzy dodali przy okazji taką opcję w stylu “zamknij pierwszy element”. Ale nie dodali więc trzeba sobie radzić inaczej. I tu z pomocą przychodzi…
Nie : D Tym razem nie CSS, aczkolwiek z jego pomocą też by szło pokombinować. Jest jednak szybszy sposób. A jest nim taki oto kawałeczek js.
<script>
jQuery(document).ready(function($) {
var delay = 100; setTimeout(function() {
$('.elementor-tab-title').removeClass('elementor-active');
$('.elementor-tab-content').css('display', 'none'); }, delay);
});
</script>
To cudo wklejacie w widget HTML, który by nie zapomnieć czego dotyczy możecie zamieścić pod/nad widgetem akordeona. Ot to wszystko co musicie zrobić by móc cieszyć się domyślnie zamkniętym pierwszym elementem w Waszym FAQ czy do czego tam używacie widgeta akordeona. Magia, prawda?
Dajcie znać czy ten trik Wam się przydał w Waszych projektach i czy chcecie więcej takich trików dla Elementora.
Dziękuję za wytłumaczenie, przyda się!
Nie ma za co 🙂
Hej, u mnie niestety ten trik nie podziałał, jakiś pomysł dlaczego tudzież co jeszcze mogę zrobić?
Na pewno dobrze wklejone? Używasz domyślnego widgeta Elementora do akordeonu czy jakiegoś innego z dodatkowych wtyczek do Elementora? Może masz jakąś wtyczkę typu autoptimize lub do cache, gdzie jest włączona optymalizacja js, css i to robi problem
lepiej użyć innego widgetu, czyli „Przełącz”. i problem nie występuje
Można alternatywnie zastosować element „Przełacz”!
Tak – można zamiast akordeonu zastosować przełącznik 🙂
U mnie też niestety nie do końca dział. Tzn. jak w elementorze wklejam widget HTML i do niego wklejam kod to super się zamyka, ale po odświeżeniu strony akordeon niestety jest rozwinięty 🙁
Trudno mi powiedzieć nie widząc od środka, ale może być kwestia cache albo jakieś wtyczki optymalizacji
A jak usunąć podkreślenie tekstu, które się pojawia domyślnie w każdym pytaniu. Tu na filmie jest to usunięte. ʕ•ᴥ•ʔ
Podrzuć proszę link do www to podejrzę jak to u Ciebie wygląda i co można dopisać w CSS by się tego pozbyć 🙂 Możesz spróbować dodać w CSS w wygląd – dostosuj
a { text-decoration: none; }