2011-08-01 46 views
1

我想知道是否有可能有一個父標籤之後的jQuery標籤!jQuery標籤模仿

若要elabourate ...我有一個jQuery的標籤菜單,3個標籤,所有工作正常。有標籤命名爲'標籤-1'和'標籤-2'等div ...

但如果我想要另一個頁面上的另一個地方顯示相對股利根據選定的另一組選項卡頁面頂部標籤的值。

如果這是令人困惑的我將進一步elabourate:

我jQuery的標籤去,如:

<div id="tabs"> 
<ul> 
    <li><a href="#tabs-1">Nunc tincidunt</a></li> 
    <li><a href="#tabs-2">Proin dolor</a></li> 
    <li><a href="#tabs-3">Aenean lacinia</a></li> 
</ul> 
<div id="tabs-1"> 
    <p>Proin elit arcu, rutrum</p> 
</div> 
<div id="tabs-2"> 
    <p>Morbi tincidunt, dui sit amet</p> 
</div> 
<div id="tabs-3"> 
    <p>Mauris eleifend est et turpis. </p> 
    <p>Duis cursus. Maecenas ligula eros</p> 
</div> 

和列表項與DIV ID的對應。

我想知道......是什麼...是有可能有這個^^^,並有一個代碼單獨的一塊只用div元素

<div id="tabs-1"> 
<p>Proin elit arcu, rutrum</p> 
</div> 
<div id="tabs-2"> 
    <p>Morbi tincidunt, dui sit amet</p> 
</div>... 

,顯示或模擬顯示另一個。

因此,如果主標籤在標題2上,(tabs-2),另一個獨立的div會顯示標籤-2?

容易嗎?

乾杯,

亞歷

回答

2

你可以給他們一個共同的類(如:.theTabs)和綁定到標籤的Show事件:

$(".theTabs").bind("tabsshow", function(event, ui) { 
    //your div manipulation here 
}); 

裏面有,你可以再通過唯一ID進行選擇並相應地操縱其他選項卡表示

+0

爲此歡呼,究竟在div操作中究竟會發生什麼?它只是分別顯示和隱藏div的代碼? –

+0

可以隱藏並顯示它們,或使它們看起來和行爲像「主標籤」。你可以基本上使用'.css(「attribute」,「value」)來切換背景顏色或邊框,以使它們看起來像原始的標籤。 – Semyazas

+0

謝謝,生病了吧:) –