;(function($){
$.fn._fdi_tabs = function(){
function resetTabs($this) {
return $this
.parent()
.addClass("active")
.siblings()
.removeClass("active");
}
function resetTabContent($this) {
var tabTarget = $this.attr("data-target");
$(tabTarget)
//.fadeIn()
.addClass("active")
//.removeAttr('style')
.siblings()
//.hide()
.removeClass("active");
}
$(document).on("click", "[role='tab']", function(e) {
var $this = $(this);
resetTabs($this);
resetTabContent($this);
});
//URL #
$( document ).ready(function(){
var hashString = window.location.href.substr(window.location.href.indexOf("#") + 1).toLowerCase().replace("&", "-").replace("'", "");
console.log("!!", hashString);
var isMatchFound = false;
$(".site-content [role='tab'], .site-content .accordion__title, .site-content [data-toggle='collapse']").each(function(){
var $this = $(this);
if($this.text().toLowerCase().trim().replace(" & ", "-").replace(/ /g, "-").replace("'", "").replace("\n", "") == hashString){
if($this.attr("role") == "tab"){
resetTabs($this);
resetTabContent($this);
}
else if($this.hasClass("accordion__title")){
$(".site-content .accordion__title").closest(".accordion__container").removeClass("active");
$this.closest(".accordion__container").addClass("active");
}
else if($this.attr("data-toggle") == "collapse"){
$(".site-content [data-toggle='collapse']").closest("section").removeClass("active");
$this.closest("section").addClass("active");
}
isMatchFound = true;
}
});
if(!isMatchFound){
var $firstTab = $(".site-content [role='tab']").first();
resetTabs($firstTab);
resetTabContent($firstTab);
var $firstAccordion = $(".site-content .accordion__container").first();
$firstAccordion.addClass("active");
}
});
};
$.fn._fdi_tabs_to_accordion = function(){
$.each($("[data-tabs-to-accordion]"), function(i, tabsContainer) {
var cont = $(tabsContainer)
.clone()
.contents()
.unwrap();
$('
')
.insertBefore(tabsContainer)
.append(cont);
});
$.each($("[data-accordion-from-tabs]"), function(x, tablist) {
var $tablist = $(tablist);
var $menus = $tablist.find('[role="tablist"]');
var $content = $tablist.find(".tab-content");
$content.show();
$.each($content.find(".tab-pane"), function(d, e) {
$this = $(e);
$this.attr({
"id": $this.attr("id") + "_accordion",
"class": "collapse"
});
});
// setup menus
$.each($menus.find("[data-target]"), function(a, b) {
var $b = $(b);
var $p = $b.parent();
var parentClasses = $p.get(0).classList.value;
var target = $b.attr("data-target") + "_accordion";
$(target).wrap('
');
$b
.attr({
'data-toggle': 'collapse',
'role': 'accordion',
'data-target': target
})
.wrap("
")
.parent()
.insertBefore(target);
});
$menus.remove(); //leave just the accordions
});
$(document).on("click", "[role='tab']", function(e) {
var $this = $(this);
if(typeof resetTabs === "function"){
resetTabs($this);
}
if(typeof resetTabContent === "function"){
resetTabContent($this);
}
});
};
}(jQuery));
;(function($){
$()._fdi_tabs();
$()._fdi_tabs_to_accordion();
}(jQuery));