By using’s services you agree to our Cookies Use and Data Transfer outside the EU.
We and our partners operate globally and use cookies, including for analytics, personalisation, ads and Newsletters.

  • Join the Best Unofficial Elementor Support forum

    Provide or get advice on everything Elementor and Wordpress, ask questions, gain confirmation or just become apart of a friendly, like minded community who love Wordpress and Elementor

    Join us!
elementor official

Accordion Troubles



New Member
Hi Elementor Community!

my problem:
I use the Accordion Widget from Elementor (Pro Version) and templates inside to generate the content.
There is a media carousel in each content (in each tab from accordion). But the carousel only displayed correctly in the first tab.
– no more in the second tab (and in the further tabs).
As soon as I change the page size a bit, everything fits again. Same in the mobile version.

Is that a «cache» problem?
Can I force a «resize/refresh»?
Or can i set the non-visible area inactive?

Found this and tried with js – but yes, my skills are not good enough, arrgh.

Thanks for any help or solution/Tipp!

The side where the problem is:
(Site is under construction)

elementor official


New Member
the solution is:
<script type="text/javascript">
jQuery(document).ready(function ($) {
$('.elementor-accordion-item').on('click', function () {
const imageCarousel = $( this ).find('.swiper-container'),
swiperInstance = 'swiper' );
elementor official

Latest posts

Latest Products

Other Elementor Resources

elementor official
elementor official