Чтобы показать третью вкладку как активную, если URL-адрес содержит определенное слово ⇐ Jquery

[Anonymous]

Я работаю в JSP. У меня есть требование показывать активную третью вкладку моей страницы вместо первой, если в URL-адресе есть слово «матрица».
Текущий URL-адрес: http://localhost:9080/ ccsLab/myLab#matrix
Код JSP:

Код: Выделить всё

[list]
[*][url=#lab1]
[/url]
[*][url=#lab2]
[/url]
[*][url=#lab3]
[/url]
[/list]


Inside lab 1

Inside lab 2

Inside lab 3

Я попробовал использовать приведенный ниже обновленный код при загрузке страницы:

Код: Выделить всё

 $(document).ready(function() {
if(window.location.href.indexOf("matrix") > -1) {
$('ul.nav-tabs li').removeClass('active');
$('.tab-pane').removeClass('active').addClass('fade');

$('ul.nav-tabs li').eq(2).addClass('active');
$('.tab-pane').eq(2).addClass('active').removeClass('fade');
}
})

Я могу активировать третью вкладку и просмотреть ее содержимое. Но содержимое первой вкладки по-прежнему занимает место вверху страницы. Таким образом, на странице отображается много белого пустого пространства. И, следовательно, содержимое третьей вкладки отображается внизу, а не так, как должно быть на новой странице. После отладки выяснилось, что свойство отображения установлено как блок для первой вкладки. Я пытался явно указать значение none, но оно не удаляется.
Код:

Код: Выделить всё

$('.tab-pane').attr("style", "display: none !important");

За исключением первой вкладки, этот CSS применяется ко всем вкладкам. Могу ли я получить помощь, пожалуйста.

Подробнее здесь: https://stackoverflow.com/questions/786 ... cific-word