Javascript 活动选项卡的动态定义

我有三个标签。在某些情况下，第一个是隐藏的。 第一个是主动的。如果它是隐藏的，第二个应该是活动的

.html代码：

    <div class="Settings">
    <ul class="nav nav-tabs p">
        <li class="nav-item active i-tab">
            <a class="nav-link" data-toggle="tab" href="#bla" data-bind="text: strings.iTabHeader, visible: isVis"></a>
        </li>
        <li class="nav-item f-tab">
            <a class="nav-link" data-toggle="tab" href="#blabla" data-bind="text: strings.fTabHeader"></a>
        </li>
        <li class="nav-item b-tab">
            <a class="nav-link" data-toggle="tab" href="#blablabla" data-bind="text: strings.bTabHeader"></a>
        </li>
    </ul>

    <div class="tab-content">
        <div id="iSettingMenu" class="tab-pane fade in active">
            <div data-bind="compose: iSettings"></div>
        </div>

        <div id="fSettingsMenu" class="tab-pane fade in active">
            <div data-bind="compose: fSettings"></div>
        </div>

        <div id="bSettingsMenu" class="tab-pane fade">
            <div data-bind="compose: bSettings"></div>
        </div>
     </div>
</div>

this.isvis = ko.computed(function () {
            return this.Type() === 'xxxx';
        }.bind(this));

---

“隐藏”是什么意思<代码>显示：无或

可见性：隐藏

。还是别的？谢谢@Kokogino。“visible:isVis”-它的可见性是根据绑定定义的。但是如何隐藏它呢？在CSS中还是完全在javascript中删除？@Kokogino（添加了js）。也许我遗漏了一些东西，因为我刚刚开始为web开发，但是visible属性绑定到JS文件中的一个函数。我明白了吗/