Question

I have a problem with the execution of JavaScript within a collapsible-set. I want to run inside the collapsible-set some kind of carousel effect.

But unfortunately the code is executed only in the open tab. Opening the other tabs to see there is nothing. Although the initialization of the effect takes place for all elements.

Here you will find the Fiddle

With code: http://jsfiddle.net/2qVBN/4/
Fullscreen: http://jsfiddle.net/2qVBN/4/embedded/result/

There are also problems with the re-initialization of the code when you switch between portrait and landscape mode.

Does anyone have any idea how I can make sure that the code inside the collapsibles is always loaded and executed?

Thanks in advance
vis_dev

Answer 1

here JS on the divs which are displayed none can not be applyed.
In your case I suggest, you can expand each of your collapsible div by js and apply js to that.

thats how you can expand your collapsible div.

$('div').trigger('expand');

jsfiddle example