Если первая вкладка скрыта, активируйте первую вкладку, которая отображается

Question

У меня есть простой вопрос о вкладках пользовательского интерфейса jQuery. У меня есть меню с 6 вкладками. Первая вкладка всегда будет «активной». Но в некоторых случаях одна или несколько вкладок будут в "display: none;". Есть ли способ найти первую видимую вкладку и применить активный класс к ней?

Любая помощь с ними будет оценена по достоинству.

Answer 1

Если оба названия и содержание скрыто, то вы можете использовать активный вариант, как

$("#tabs").tabs({ 
    active: $("#tabs > ul li:visible").first().index() 
}); 

Demo: Fiddle