Я пытаюсь реализовать функциональность Tab. Содержание изменяется при изменении вкладки. Чтобы достичь этого, я изменяю visibility
из div
, который содержит контент. Но это не работает, и я не понимаю, почему.
function openLibraryTab() {
hideAllTabs();
let activeTab = getActiveTab();
$('#Label-' + activeTab).removeClass('active');
var liLandingPage = document.getElementsByTagName('li');
for (var i = 0; i < liLandingPage.length; i++) {
if (liLandingPage[i].id.includes('tabI') & liLandingPage[i].id != 'Label-tabI') {
console.log(liLandingPage[i].id.includes('tabI'));
let idCurrent = liLandingPage[i].id;
console.log(idCurrent);
// setTimeout(function(){ $(idCurrent).hide();}, 1000);
document.getElementById(idCurrent).style.display = 'none';
}
}
var liLibraryPage = document.getElementsByTagName('li');
for (var i = 0; i < liLibraryPage.length; i++) {
if (liLibraryPage[i].id.includes('tabF') & liLibraryPage[i].id != 'Label-tabI') {
console.log(liLibraryPage[i].id.includes('tabI'));
let idCurrent = liLibraryPage[i].id;
console.log(idCurrent);
// setTimeout(function(){ $(idCurrent).hide();}, 1000);
document.getElementById(idCurrent).style.display = 'block';
document.getElementById(idCurrent).style.visibility = 'visible';
$('#' + idCurrent).show();
}
}
$('#Label-tabF').show();
$('#Label-tabF').addClass('active');
$('#tabF').show();
// $('#li-tabF25').show();
// $('#li-tabF30').show();
// $('#li-tabF31').show();
document.getElementById('Label-tabI').style.display = 'block';
console.log("openLibraryTab");
$("#Label-tabF").trigger("click");
$("#Label-tabF a").trigger("click");
$(document).ready(function () {
$("#Label-tabF a").trigger("click");
});
$('#Master-tabF32').addClass('active');
document.getElementById("Master-tabF32").style.display = 'block';
}
