jQuery(document).ready(function ($) {
// Set default open/close settings
var divs = $('.abreCaixa>div').hide(); // Hide/close all containers
var ps = $('.abreCaixa>p').click(function () {
var isActive = $(this).hasClass('active');
$('.abreCaixa>p.active').removeClass('active');
$(this).toggleClass('active', !isActive);
divs.slideUp();
if (!isActive) {
$(this).next().slideDown();
}
});
// Botão para abrir todos ou fechar todos
$('#toggleAll').click(function () {
var currentText = $(this).text().toLowerCase();
if (currentText === 'abrir todos' || currentText === 'open all') {
ps.addClass('active');
divs.slideDown();
$(this).text(currentText === 'abrir todos' ? 'fechar todos' : 'close all');
} else {
ps.removeClass('active');
divs.slideUp();
$(this).text(currentText === 'fechar todos' ? 'abrir todos' : 'open all');
}
});
// Garantir que as tabs estão a ser abertas corretamente
// Get the element with id="defaultOpen" and click on it
$('#defaultOpen').click(); // Usando jQuery para garantir que o botão é clicado após o carregamento completo
// Manipulação das tabs
function openTab(evt, nome) {
var i, tabcontent, tablinks, groupClass;
// Identificar o grupo da tab clicada
groupClass = evt.currentTarget.getAttribute("data-group");
// Esconder apenas as abas do mesmo grupo
tabcontent = document.querySelectorAll(".tabcontent[data-group='" + groupClass + "']");
for (i = 0; i < tabcontent.length; i++) {
tabcontent[i].style.display = "none";
}
// Remover "active" apenas dos botões do mesmo grupo
tablinks = document.querySelectorAll(".tablinks[data-group='" + groupClass + "']");
for (i = 0; i < tablinks.length; i++) {
tablinks[i].classList.remove("active");
}
// Mostrar a aba clicada e ativar o botão correspondente
document.getElementById(nome).style.display = "block";
evt.currentTarget.classList.add("active");
}
// Abrir automaticamente as tabs "defaultOpen"
document.addEventListener("DOMContentLoaded", function () {
let defaultTabs = document.querySelectorAll(".defaultOpen");
defaultTabs.forEach(function (tab) {
tab.click();
});
});
});
