jquery accordion Expand while page loading

Question

jquery accordion should open while page loading. after page loading complete accordion should compact automatically.

jQuery().ready(function(){
jQuery('#portslid').accordion({
collapsible: true,
autoheight: false,  
alwaysOpen: false,
active: false,
animated: "bounceslide"
//animated: 'easeslide'
});     
});

and your problem here is that ? it's not opening while the page is loading ? or Its not compacting after the page load ? — GregM, Nov 14 '11 at 01:54

score 2 · Accepted Answer · edited May 23 '17 at 12:29

2

If you want the accordion to be open at page load you should change the active option to the element that you want to be open :

jQuery().ready(function(){
jQuery('#portslid').accordion({
collapsible: true,
autoheight: false,  
alwaysOpen: false,
active: 1,
animated: "bounceslide"
//animated: 'easeslide'
});     
});

And then at the load you close it :

jQuery(window).load(function(){
    jQuery('#portslid').accordion({active: false});     
    });

EDIT : The jquery accordeon does not support to be all open , but there's work around like here : jQuery Accordion expand all div

edited May 23 '17 at 12:29

Community

1
1

answered Nov 14 '11 at 02:02

GregM

2,634
3
22
37

i want all the sections should open while the page is loading.when page finishes loading all the sections should close by self. – Abdul Shakoor Kakar Nov 14 '11 at 02:40

jquery accordion Expand while page loading

1 Answers1