jquery - 如何使用 jQuery 使 在页面加载时处于事件状态

Question

在页面加载时，我想显示 #tab-2 处于事件状态并显示 tab-2 下的内容。如何使用 jQuery 来做到这一点。我尝试了 $('div > ul > li > a, #tabs-2').show(); 但这不起作用。

<div id="tabs">
<ul>
<li><a href="#tabs-1"></a></li>
<li><a href="#tabs-2"></a></li>
<li><a href="#tabs-3"></a></li>
<li><a href="#tabs-4"></a></li>
</ul>

<div id="tabs-1">
"short" content
</div>

<div id="tabs-2">
"long" content
</div>

<div id="tabs-3">
"long" content
</div>

<div id="tabs-4">
"long" content
</div>

Link to demo - 显示选项卡 2 事件加载，但这就是它的样子

感谢@Jack 快速而正确的回复

Answer 1

如果您想同时显示 anchor 和 <div>元素:

$('#tabs-2, a[href="#tabs-2"]').show();

Demo

更新

如果您使用选项卡小部件，则应该这样做:

$( "#tabs" )
    .tabs({active: 1});

选择第二个选项卡并将其打开。