Jquery Divクリックして表示しないでください

Question

私は自分のページにコーダスライダを使用しています。ここでそれを見る：

http://www.ndoherty.com/demos/coda-slider/1.1.1/

各タブには、それをクリックしたときに、その中にコンテンツを移動するペインの原因となります。私は何かELSEがクリックで発生するようにします。タブをクリックすると、 "#topleft"と呼ばれるdivのページのtopleftセクションに画像が表示されます。簡単にするために、この1つのdivに焦点を合わせるだけですが、他のdivもクリックでアクティブにします。

#topleft divをdisplay：noneに設定し、特定のdivをクリックしたときに#topleftの可視性をtrueに設定する簡単なjquery関数を追加することを考えていました。例のためにこれを使うことができます：div #navの中に5つのdiv（それぞれに独自のnavリンクが含まれています）があります。 div #nav tabaをクリックするとdiv #topleftが表示され、別のnavlink（#nav tabb）をクリックすると消えます。誰かがこのかなり簡単なjqueryコードで私を助けることができますか？そうだね！

Answer 1

show()およびhide()を使用してください。

の効果に何か：

$('#someTabLink').click(function() { 
    $('#someImage').show(); 
}); 

$('#someOtherTabLink').click(function() { 
    $('#someImage').hide(); 
}); 

またはtoggle()を使用して：

$('#someTabLink').click(function() { 
    $('#someImage').toggle(); 
}); 

可視性とは対照的に、あなたはときに何かが最初に非表示にしたい場合は、表示 CSSプロパティを使用しますjQueryのshowメソッド、hideメソッド、toggleメソッドはdisplay cssプロパティを操作することで動作します。それを隠し、クラスを削除し、それをrevealesクラスを追加するには

$("element").addClass("ClassName") 
    $("element").removeClass("ClassName") 

：

Answer 2

あなたはjQueryのでは、このようなものを使用してもらえますか？

Answer 3

はあなたには、複数のタブのリンクは、このような#topleft div要素を非表示にすることができ、karim79の提案に追加するには：

$('#tabb, #tabc, #tabd').click(function() { 
    $('#topleft').hide(); 
});