چگونه ابزار آکاردیون را بصورت پیش فرض ببندیم؟

حتما وقتی که خدمات طراحی سایت ارائه میدید کارفرما از شما خواسته که مثلا بخش سوالات متداول در سایت بوجود بیاورید و این بخش خیلی میتواند به اعتماد مشتری کمک کند. خب برای ایجاد چنین بخشی شما باید از المان آکاردیون در المنتور استفاده کنید.

وقتی که این المان را استفاده میکنید تب اول بصورت پیشفرض باز است. اما جا نگرانی وجود ندارد چون در این ویدیو بوسیله یک تکه کد این مشکل را رفع کردم براتون که راحت بتوانید تب اول را ببنندید

کد استفاده شده در ویدیو:

<style class="accordion-closed-on-load">
body:not(.elementor-editor-active) .elementor-widget-accordion .elementor-tab-content {
display: none!important;
}
</style>
<script>
window.addEventListener('load', function() {
setTimeout(function(){
document.querySelector('.accordion-closed-on-load').remove();
let accordionsElems = document.querySelectorAll('.elementor-widget-accordion')
accordionsElems.forEach(e => {
let activeTitle = e.querySelector('.elementor-tab-title.elementor-active');
let activeContent = e.querySelector('.elementor-tab-content.elementor-active')
jQuery(activeContent).hide();
activeTitle.classList.remove('elementor-active');
activeContent.classList.remove('elementor-active');
activeContent.setAttribute('hidden','hidden');
activeTitle.setAttribute('aria-expanded',false);
activeTitle.setAttribute('aria-selected',false);
activeTitle.setAttribute('tabindex',-1);
});
},300);
});
</script>