Ссылка на меню jQuery на вкладки jQuery

Question

Можно ли связать меню jQuery с вкладками?

Например, если пользователь выбирает «По фильтру» в приведенном ниже меню, я хочу открыть вкладку «Поиск по фильтрам». Как я могу это достичь?

JS

$("#menu").menu(); 
$("#search").tabs(); 

HTML

<ul id="menu" style="border: 0px; background:none"> 
<li><a id="2" style="cursor: pointer">Search</a> 
<ul style="z-index: 2"> 
<li><a id="2a" style="cursor: pointer">By Filter</a></li> 
<li><a id="2b" style="cursor: pointer">By Room</a>  
</li> 
</ul> 
</li> 
</ul> 

<div id="search" style="z-index: 1;"> 
    <ul> 
    <li><a href="#search-1">Search By Filters</a></li> 
    <li><a href="#search-2">Search By Room</a></li> 
    </ul> 
    <div id="search-1"> 
    </div> 
    <div id="search-2"> 
    </div> 
</div> 

Answer 1

Да, вы можете сделать это:
Добавить идентификатор для каждого параметра поиска

Сделать слушателя в Id 2 в меню и при щелчке, вызовите

$('#tabid').click(); 

Вот полный код:

Сценарий:

$('#2a').click(function(){ 
    $('#sbf a').click(); 
}); 


$('#2b').click(function(){ 
    $('#sbr a').click(); 
}); 

HTML-код:

<ul id="menu" style="border: 0px; background:none; width:50%; "> 

<li><a id="2" style="cursor: pointer">Search</a> 
<ul style="z-index: 2"> 
<li><a id="2a" style="cursor: pointer">By Filter</a></li> 
<li><a id="2b" style="cursor: pointer">By Room</a>  
</li> 
</ul> 
</li> 
</ul> 
<div id="search" style="z-index: 1;"> 
    <ul> 
    <li id="sbf"><a href="#search-1">Search By Filters</a></li> 
    <li id="sbr"><a href="#search-2">Search By Room</a></li> 
    </ul> 
    <div id="search-1"> 
    </div> 
    <div id="search-2"> 
    </div> 
</div> 

Проверить эту скрипку

http://jsfiddle.net/ej67Q/