мои элементы остаются невидимыми даже при мысли, что это должно быть видно - PullRequest
0 голосов
/ 15 января 2020

Я пытаюсь реализовать функциональность 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';

}

enter image description here

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...