2011-11-14 13 views
0

私は昨夜私の最初の質問をしました。このサイトとそのメンバーの有用性を信じられません。ありがとうございました!私はページ内を移動するナビゲーションタブ付ききトグル&ジャバスクリプト:それを働かせることができません

は、ここに私の問題です。

<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> 

あなたがそれらのNAVのリンクのいずれか(たとえば、上位3)をクリックし、あなたが撮影している:(私はスパムフィルタのBCを投稿するリンクを削除する必要がありました)があり4つのタブがあり、HTMLですこれに:このサイトに役立つ答えに

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

おかげで、私は他のすべての「tabcontent」のnavエリアの下に#Getit内のすべてのコンテンツを追加することができました。しかし、私はこのコードを使用します:

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

[Getit]タブ内の[Getit]タブも複製されます。とにかく、誰かがGetitタブを見て、そこにコンテンツが追加されず、他のタブコンテンツクラスにのみ追加されるようにするにはどうしたらいいですか?

このように作業を切り替えますか?

+3

あなたをすることができます:私はあなたが抱えている問題を理解していれば

は、しかし、あなたは.not()濾過方法になっているはずです(と、それは私ではない...可能性があります)あなたのHTMLとJavaScriptを投稿しますか?たぶん、JSFiddle.netに載せますか? –

+1

Toggleを動作させることはできませんが、あなたの投稿のどこにでも '.toggle()'は表示されません。 – Sparky

答えて

2

jQueryの.toggle()は単にセット要素のdisplaynoneに要素が現在表示されている、またはそれが現在隠されている場合に要素を表示するために、適切な値に設定した場合。また、要素に表示(true)または非表示(false)を強制するブール値のparamを渡すこともできます。

私はこのことが全く関係していないと思います。

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

var getit = $('#Getit'); 
getit.clone().appendTo($('.tabcontent').not(getit)); 
関連する問題