Чтобы показать третью вкладку как активную, если 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:

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

.actcontentz ul.nav-tabs li{
top: 1px;
border-top: 1px solid #d6e9c6;
border-left: 1px solid #d6e9c6;
border-right: 1px solid #d6e9c6;
}

.actcontentz ul.nav-tabs li a{
background-color: #fff !important;
color: #333 !important;
border: none;
margin-right:0px !important;
border-radius:0px !important;
}

.actcontentz ul.nav-tabs li a span, .2actcontent button span{
margin-right: 5px ;
}

.actcontentz ul.nav-tabs li.active a{
background-color: rgba(152, 199, 232, 1) !important;
color: #fff !important;
border-bottom: 1px solid #fff;
margin-right:0px !important;
font-weight: bold;
font-family: candara;
}
.actcontentz ul.nav-tabs li.active{
background-color: rgba(152, 199, 232, 1);
color: #fff !important;
width: 140px !important;
text-align: center !important;
margin-right:2px !important;
top: 1px !important;
}

За исключением первой вкладки, этот CSS применяется ко всем вкладкам. Возникла проблема с вкладкой по умолчанию. Может ли кто-нибудь помочь мне в этом?

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