https://www.csttropea.it/wp-content/themes/os2/js/single.js?ver=1790322305

1//l'html che serve di base è lo stesso che serve a costruire il sistema a tab (jquery ui tab)
2//richiede fn.js del tema
3function TabsToAccordion(target, down, up, fn){ 
4
5    var $ = jQuery.noConflict();
6
7    var tabsHTML         = $(target).html(), //html tabs
8        accordionHTML    = "",               //html accordion
9        tabsOBJ          = $(target),        //obj tabs
10        accordionOBJ     = null,             //obj accordion
11        headers          = [],               //html accordion - headers array
12        temp             = null;             //html accordion - var temp
13
14    //raccogli header
15    temp = $(target).find("ul:first-of-type li a");
16    temp.each(function(i){
17        headers[i] = "<h3>" + $(this).text() + "</h3>";
18    });
19
20    //costruisci html per l'accordion
21    temp = $(target).find("ul ~ div");
22    temp.each(function(i){
23        accordionHTML += headers[i] + $(this).get(0).outerHTML;
24    });
25
26    //switch tabs/accordion fra mobile e desktop
27    CommonService.FNOnResize(down,up,
28        function(){
29
30            if( tabsOBJ != null && tabsOBJ.hasClass("ui-tabs") )
31                tabsOBJ.tabs("destroy");
32
33            //reinit
34            accordionOBJ = $(target).html(accordionHTML).accordion({
35                heightStyle: "content"
36            });
37
38			if( typeof fn !== "undefined" && fn != null)
39				accordionOBJ.on( "accordionactivate", fn);
40		
41        },
42        function(){
43
44            if( accordionOBJ != null && accordionOBJ.hasClass("ui-accordion")){
45                accordionOBJ.accordion("destroy");
46			}
47
48            //reinit
49            tabsOBJ = $(target).html(tabsHTML).tabs();
50			
51			if( typeof fn !== "undefined" && fn != null){
52				tabsOBJ.on( "tabsactivate", fn);
53			}
54        }
55    )
56
57}