Javascript 如何隐藏元素

这是我的密码。如何使选项卡菜单1选项卡菜单2选项卡菜单3选项卡隐藏而不是使用脚本？因为当我刷新页面时，它会显示500毫秒或类似的时间

如果你们知道更好的方法，请帮帮我

$'menu1Tab'。隐藏； $'menu2Tab'。隐藏； $'menu3Tab'。隐藏； $'menu1toggle'.changefunction{ 如果$this.is:已选中{ $'menu1Tab'。显示； } 否则{ $'menu1Tab'。隐藏； } }; $'menu2toggle'.changefunction{ 如果$this.is:已选中{ $'menu2Tab'。显示； } 否则{ $'menu2Tab'。隐藏； } }; $'menu3toggle'.changefunction{ 如果$this.is:已选中{ $'menu3Tab'。显示； } 否则{ $'menu3Tab'。隐藏； } }; 动态选项卡 要使选项卡可切换，请向每个链接添加data toggle=tab属性。然后为每个选项卡添加一个具有唯一ID的.tab窗格类，并将它们包装在一个具有class.tab内容的div元素中

菜单1 菜单2 菜单3 家 知识产权是一种权利，是一种精英的权利，是劳动和财富的暂时性权利

菜单1 但是，在最低限度上，我们需要一个实验室来进行日常工作

菜单2 在所有人都有错误的情况下，我们必须清楚地看到，所有的人都有错误

菜单3 发明者的真实性和准建筑师必须解释清楚

---

为什么不将选项卡设置为显示：CSS中无，然后使用Jquery更改CSS属性，使用$.cssdisplay、block和$.cssdisplay，无取决于复选框状态？

为什么不将选项卡设置为显示：CSS中无，然后使用Jquery更改CSS属性，使用$.cssdisplay、block和$.cssdisplay，无取决于复选框状态？

我认为您要做的是在加载时触发函数。您可以将它放在一个函数中，当页面加载时，该函数运行其中的所有内容

$(function () {
    $('#menu2Tab').hide();
    $('#menu3Tab').hide();


    $('#menu1toggle').change(function() {
            if($(this).is(":checked")) {
                $('#menu1Tab').show();
            }
            else {
                $('#menu1Tab').hide();
            }
    });

    $('#menu2toggle').change(function() {
            if($(this).is(":checked")) {
                $('#menu2Tab').show();
            }
            else {
                $('#menu2Tab').hide();
            }
    });


    $('#menu3toggle').change(function() {
            if($(this).is(":checked")) {
                $('#menu3Tab').show();
            }
            else {
                $('#menu3Tab').hide();
            }
    });
});

---

我认为您要做的是在加载时触发函数。您可以将它放在一个函数中，当页面加载时，该函数运行其中的所有内容

$(function () {
    $('#menu2Tab').hide();
    $('#menu3Tab').hide();


    $('#menu1toggle').change(function() {
            if($(this).is(":checked")) {
                $('#menu1Tab').show();
            }
            else {
                $('#menu1Tab').hide();
            }
    });

    $('#menu2toggle').change(function() {
            if($(this).is(":checked")) {
                $('#menu2Tab').show();
            }
            else {
                $('#menu2Tab').hide();
            }
    });


    $('#menu3toggle').change(function() {
            if($(this).is(":checked")) {
                $('#menu3Tab').show();
            }
            else {
                $('#menu3Tab').hide();
            }
    });
});

尝试以下代码

$'document'.readyfunction{ $'menu1Tab'。隐藏 $'menu2Tab'。隐藏 $'menu3Tab'。隐藏 $'homeTab'。单击，函数{ $'menu1Tab'。显示 $'menu2Tab'。显示 $'menu3Tab'。显示 }; }; 尝试以下代码

$'document'.readyfunction{ $'menu1Tab'。隐藏 $'menu2Tab'。隐藏 $'menu3Tab'。隐藏 $'homeTab'。单击，函数{ $'menu1Tab'。显示 $'menu2Tab'。显示 $'menu3Tab'。显示 }; }; 工作示例：

$'menu1toggle'.changefunction{ 如果$this.is:已选中{ $'menu1Tab'。显示； } 否则{ $'menu1Tab'。隐藏； } }; $'menu2toggle'.changefunction{ 如果$this.is:已选中{ $'menu2Tab'。显示； } 否则{ $'menu2Tab'。隐藏； } }; $'menu3toggle'.changefunction{ 如果$this.is:已选中{ $'menu3Tab'。显示； } 否则{ $'menu3Tab'。隐藏； } }; 动态选项卡 要使选项卡可切换，请向每个链接添加data toggle=tab属性。然后为每个选项卡添加一个具有唯一ID的.tab窗格类，并将它们包装在一个具有class.tab内容的div元素中

菜单1 菜单2 菜单3 家 知识产权是一种权利，是一种精英的权利，是劳动和财富的暂时性权利

菜单1 但是，在最低限度上，我们需要一个实验室来进行日常工作

菜单2 在所有人都有错误的情况下，我们必须清楚地看到，所有的人都有错误

菜单3 发明者的真实性和准建筑师必须解释清楚

工作示例：

$'menu1toggle'.changefunction{ 如果$this.is:已选中{ $'menu1Tab'。显示； } 否则{ $'menu1Tab'。隐藏； } }; $'menu2toggle'.changefunction{ 如果$this.is:已选中{ $'menu2Tab'。显示； } 否则{ $'menu2Tab'。隐藏； } }; $'menu3toggle'.changefunction{ 如果$this.is:已选中{ $'menu3Tab'。显示； } 否则{ $'menu3Tab'。隐藏； } }; 动态选项卡 要使选项卡可切换，请向每个链接添加data toggle=tab属性。T 然后为每个选项卡添加一个具有唯一ID的.tab窗格类，并将它们包装在一个具有class.tab内容的div元素中

菜单1 菜单2 菜单3 家 知识产权是一种权利，是一种精英的权利，是劳动和财富的暂时性权利

菜单1 但是，在最低限度上，我们需要一个实验室来进行日常工作

菜单2 在所有人都有错误的情况下，我们必须清楚地看到，所有的人都有错误

菜单3 发明者的真实性和准建筑师必须解释清楚

---

---

我编辑的问题是：如何使选项卡menu1Tab menu2Tab menu3Tab隐藏答案是：不。没有js，你不能这样做code@pedram但当我刷新页面时，我会看到一些米黄色的标签。当然有办法解决这个问题如果我亲眼看到这个问题也许能找到解决办法，但在这个演示中，一切都很好，只需将style=display:none添加到每个选项卡中，通过以下问题编辑：如何使选项卡菜单1选项卡菜单2选项卡菜单3选项卡隐藏答案是：不。没有js，您无法做到这一点code@pedram但当我刷新页面时，我会看到一些米黄色的标签。当然，有一种方法可以解决这个问题。如果我看到这个问题，也许可以找到一个解决方案，但在这个演示中，一切都很好，只需将style=display:none添加到每个选项卡就可以了。这正是应该做的。。。但我一点也不觉得有什么问题，也许@sdasd只是连接速度太慢或者服务器端速度太慢，所以脚本加载时间太长了…：数据“显示无”意味着相关标记根本不会出现在页面上-与.hide不同，请查看此页面-摘自JQuery文档：匹配的元素将立即隐藏，没有动画。这大致相当于调用.css display，none，只是display属性的值保存在jQuery的数据缓存中，以便以后可以将display恢复为其初始值。如果一个元素的显示值为inline并且隐藏后显示，它将再次以inline显示。-问题是页面呈现时选项卡可见，然后脚本将其切换为显示：无，您的解决方案工作正常，因为页面呈现时选项卡不可见！但是方法隐藏确实显示：没有！你什么意思？这就是应该做的。。。但我一点也不觉得有什么问题，也许@sdasd只是连接速度太慢或者服务器端速度太慢，所以脚本加载时间太长了…：数据“显示无”意味着相关标记根本不会出现在页面上-与.hide不同，请查看此页面-摘自JQuery文档：匹配的元素将立即隐藏，没有动画。这大致相当于调用.css display，none，只是display属性的值保存在jQuery的数据缓存中，以便以后可以将display恢复为其初始值。如果一个元素的显示值为inline并且隐藏后显示，它将再次以inline显示。-问题是页面呈现时选项卡可见，然后脚本将其切换为显示：无，您的解决方案工作正常，因为页面呈现时选项卡不可见！但是方法隐藏确实显示：没有！你是什么意思？我不知道为什么这个答案被否决了，因为@Nofar Eliasi的答案是正确的。。。仅仅设置$.cssdisplay、block等是不容易的，因为在示例代码中，JQuery函数show和hide已经完成了设置！我不知道为什么这个答案被否决了，因为@Nofar Eliasi的答案是正确的。。。仅仅设置$.cssdisplay、block等是不容易的，因为在示例代码中，JQuery函数show和hide已经完成了设置！谢谢我必须在一个非lithanks上使用display none。我必须在非li上使用“无显示”