jQuery UI的標籤和標籤在不同勢地方

Question

UI標籤的工作了這樣的內容：

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

<div id="tabs"> 
    <ul> 
     <li><a href="#tabs-1">tab 1</a></li> 
     <li><a href="#tabs-2">tab 2</a></li> 
    </ul> 
    <div id="tabs-1"> 
    </div> 
    <div id="tabs-2"> 
    </div> 
</div> 

需要做somethig這樣的：

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

<div id="tabs"> 
    <ul> 
     <li><a href="#tabs-1">tab 1</a></li> 
     <li><a href="#tabs-2">tab 2</a></li> 
    </ul> 
</div> 

<div id="tabs-content"> 
    <div id="tabs-1"> 
    </div> 
    <div id="tabs-2"> 
    </div> 
</div> 

所以選項卡，在不同的div標籤的內容。

可能嗎？

Answer 1

是其可能

請檢查此鏈接，點擊鏈接

http://jsfiddle.net/YJdVE/1/

代碼

$(function() { 
$("#tabs ul li").click(function() { 
$("#tabs-content div").hide(); 
$('#tabs-content div:eq('+($(this).index())+')').show(); 
}); 
});