如何在jquery中隐藏页面加载时的辅助div

这是小提琴：

我让我的代码做我想让它做的事情，但在页面加载时，我不知道如何隐藏序列中的第二个和第三个div。当你点击按钮时，它可以正常工作，但是在页面加载时它会被破坏。 JQUERY

HTML

---

谢谢您的帮助。

您只需隐藏这些div即可

<div style="display:none;">
   <h3>Secure Login</h3>
   <h3>Secure Login</h3>
   <h3>Secure Login</h3>
   <h3>Secure Login</h3>
</div>
<div style="display:none;">
   <h3>Online Support</h3>
   <h3>Online Support</h3>
   <h3>Online Support</h3>
   <h3>Online Support</h3>
</div>

安全登录
安全登录
安全登录
安全登录
在线支持
在线支持
在线支持
在线支持

Do

演示：

如果您希望能够将这三项中的任何一项设置为默认项，那么

var $items = $('#vtab>ul>li');

$items.click(function () {
    $items.removeClass('selected');
    $(this).addClass('selected');

    var index = $items.index($(this));
    $('#vtab>div').hide().eq(index).show();
}).filter('.selected').click()

---

演示：

您只需初始化从查询字符串中获取的

索引的值

index_obtained_from_the_querystring = index_obtained_from_the_querystring || 0;

您可以这样做：

var $items = $('#vtab>ul>li');

$('#vtab>div').hide().eq(0).show(); // Index 0 for the first item

$items.click(function () {
    $items.removeClass('selected');
    $(this).addClass('selected');

    var index = $items.index($(this));
    $('#vtab>div').hide().eq(index).show();
}).eq(index_obtained_from_the_querystring).click();

在
#vtab->div
中添加显示：无。将选定类添加到默认设置的第一个div中，然后添加一个
#vtab->div.selected{display:block；}

请参见
仅使用样式显示：div上无您不想显示的样式查看此解决方案多么简单。谢谢我是如此接近。
var $items = $('#vtab>ul>li');

$items.click(function () {
    $items.removeClass('selected');
    $(this).addClass('selected');

    var index = $items.index($(this));
    $('#vtab>div').hide().eq(index).show();
}).eq(0).click();

var $items = $('#vtab>ul>li');

$items.click(function () {
    $items.removeClass('selected');
    $(this).addClass('selected');

    var index = $items.index($(this));
    $('#vtab>div').hide().eq(index).show();
}).filter('.selected').click()

index_obtained_from_the_querystring = index_obtained_from_the_querystring || 0;

var $items = $('#vtab>ul>li');

$('#vtab>div').hide().eq(0).show(); // Index 0 for the first item

$items.click(function () {
    $items.removeClass('selected');
    $(this).addClass('selected');

    var index = $items.index($(this));
    $('#vtab>div').hide().eq(index).show();
}).eq(index_obtained_from_the_querystring).click();