Elementor harmonika lenyíló ablak beállítása

Ismered az érzést, amikor minden zavar, hogy nem pont olyan, mint ahogyan elképzelted?

Hát ezzel én is, így voltam, amikor először megláttam, hogy a harmónika legfelső sora mindig nyitva van, amikor betöltésre kerül az oldal.

Egyik szempontból zavarta a szememet, a másik kifogásom ellene, hogy nem biztos, hogy aki a weboldalamra téved pont az első kérdés válasz fogja érdekelni. 

weblap, honlap grafika webshop logó arculat

Erre hoztam most egy megoldást, hogyan tudod beállítani, egyszerűen, hogy mindig zárt legyen a felső sor

 

Pár sorban, hogyan jutsz el arra a felületre, ahol betudod állítani 😉

  • Akár bejegyzést vagy oldalt építesz nyisd meg az Elementor oldalépítési lehetőséget
  • Ott keresd meg harmónika (accordion) modult és húzd be az oldalba, ilyenkor alap beállításban mindig a legfelső sor fog megnyílni látszódik a kérdés és a válasz is. A feladat, hogy most ezt eltűntessük és minden egyes sor zárva legyen, az oldal betöltésekor és az érdeklődő tudja kiválasztani, hogy melyik kérdésre keresi a választ.
  • Ezek után keresd meg a html beszúrásának a lehetőségét és az alábbi kódot másold be.

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

 

  • mentsd el a munkádat és nézd meg a végeredményt.

 

weblap, honlap grafika webshop logó arculat

Ha mindent jól csináltál, akkor nálad is látszik, hogy zárt állapotban van a harmónika.

 

Ha valamiért nem sikerült volna a beállítás készítettem számodra egy videót, ahol meg is nézheted a beállítás folyamatát.

 

Ha még is elakadnál keress meg bátran 🙂