如果隐藏了第一个选项卡,则激活显示的第一个选项卡

If first tab is hidden make active the first tab that is displayed

我有一个关于 jQuery UI 标签的简单问题。我有一个包含 6 个选项卡的菜单。 第一个选项卡将始终是 "active" 选项卡。但在某些情况下,一个或多个选项卡将在 "display: none;" 中。有没有办法找到第一个可见选项卡并将活动的 class 应用于该选项卡?

如有任何帮助,我们将不胜感激。

如果标题和内容都被隐藏,那么您可以使用

这样的活动选项
$( "#tabs" ).tabs({
    active: $( "#tabs > ul li:visible" ).first().index()
});

演示:Fiddle