2011-11-14 43 views
0

昨晚我問了我第一個問題。不能相信這個網站和它的成員有多大幫助。謝謝!Toggle&Javascript:無法讓它工作

這裏是我的問題:

我已經tab導航到一個頁面內移動。共有4個標籤和HTML是(我不​​得不刪除的鏈接,發佈垃圾郵件過濾器的BC):

<ol id="toc"> 
    <li><span>Top 3</span></a></li> 
    <li><span>Reviews</span></a></li> 
    <li><span>Places to Buy</span></a></li> 
    <li><span>History</span></a></li> 
</ol> 

當你點擊這些鏈接的資產淨值中的一個(比方說,前3名),你採取爲此:

<div class="tabcontent" id="Top3> 
    Here's content 
</div> 

由於在本網站有用的答案,我已經能夠在#Getit所有內容附加到其他所有的「tabcontent」導航區域的底部。但是當我使用此代碼時:

$('.tabcontent#Getit').clone().appendTo('.tabcontent') 

它也在Getit選項卡中複製了Getit選項卡。無論如何,如果有人正在查看Getit選項卡,那麼內容將不會附加到那裏,並且只會附加到其他tabcontent類中?

這種切換方式嗎?

+3

你可以發佈您的HTML和JavaScript?也許把它放在JSFiddle.net上? –

+1

您無法使用切換功能,但在帖子的任何位置都看不到'.toggle()'。 – Sparky

回答

2

jQuery的.toggle()僅僅設置元素的displaynone如果元素是當前可見的,或將其設置爲適當的值,以顯示元件,如果其當前隱藏的。它也可以傳遞一個布爾參數,它表示強制在元素上顯示(true)或隱藏(false)。

我不明白它是如何與此有關的。

如果我理解您遇到的問題,但是,(而很可能我不...),你應該看看.not()過濾方法:

http://jsfiddle.net/vJc6r/1/

var getit = $('#Getit'); 
getit.clone().appendTo($('.tabcontent').not(getit));