https://www.flassan.fr/typo3conf/ext/arc_projet/Resources/Public/I…/front/js/scripts/tabs.js?1677853379

1 // tabbed content
2// http://www.entheosweb.com/tutorials/css/tabs.asp
3
4
5$(".responsive--tabs").each(function(){
6
7    var menuHtml='';
8   $(this).find('.tab--container .tabPannel').each(function(){
9       menuHtml+='<li rel="'+$(this).attr('rel')+'"><h2 class="title"><span class="text">'+$(this).text()+'</span></h2></li>';
10   });
11
12   $(this).find('.tabs_action').html(menuHtml).find('li:first').addClass('active');
13
14$(this).find(".tab--content:first").show();
15
16    $(this).find(".tab--content").hide();
17    $(this).find(".tab--content:first").show();
18});
19
20
21
22
23/* if in tab mode */
24$(".tabs_action li").click(function() {
25    var block=$(this).parent().parent();
26    block.find(".tab--content").hide();
27    var activeTab = $(this).attr("rel");
28
29    $("#"+activeTab).fadeIn();
30    $("#"+activeTab).find('iframe').attr('src',$("#"+activeTab).find('iframe').attr('src'));
31
32    block.find(".tabs_action li").removeClass("active");
33    $(this).addClass("active");
34
35    block.find(".tabPannel").removeClass("tabPannel-active");
36    block.find(".tabPannel[rel^='"+activeTab+"']").addClass("tabPannel-active");
37
38});
39
40
41/* if in drawer mode */
42$(".tabPannel").click(function() {
43     var block=$(this).parent().parent();
44    block.find(".tab--content").hide();
45    var d_activeTab = $(this).attr("rel");
46    block.find("#"+d_activeTab).fadeIn();
47
48    block.find(".tabPannel").removeClass("tabPannel-active");
49    $(this).addClass("tabPannel-active");
50
51    block.find(".tabs_action li").removeClass("active");
52    block.find(".tabs_action li[rel^='"+d_activeTab+"']").addClass("active");
53});
54
55
56
57