別の部門の画像をクリックしてdivを表示する（表示：なし）

Question

divの5つの画像（製品のサム画像のようなもの）があります。私はブリーフィングされたタブ付きセクションで別のdivを持っています。 （下記のような）

私のコーディング：5枚の画像と

1. 本部。
2. Another Divには、製品の詳細が記載された5つのタブ付きセクションがあります。
3. さらに、2番目のdivはプロパティstyle"display:none"です。詳細なdivセクションのクリックされた親指が見えるようにする必要があります。

ありがとうございます。

Answer 1

.show()と.hide()を使用すると、 'display：none'を切り替えてdivを表示/非表示にすることができます。

Answer 2

私の答えは、あなたの説明と同じくらい良くなります。

$("#theDivToBeClickedOn").click(function(){ 
     $("#theDivWhereImageIs").show(); 
}); 

Answer 3

これを行う方法の例を次に示します。

http://jsbin.com/anere3/3/edit

は、この情報がお役に立てば幸いです。

ボブ

Answer 4

私はあなたがあまりにもそれらを表示/非表示する必要がありますので、特定の画像記述を持っているいくつかの他のタグを持っていると仮定します。

$('#div1 img').click(function(){ //when you click on the thumb in the first div 
     var i = $('#div1 img').index(this); //get index of thumb to correspond to image 
     $('#div3').toggle(); //show third div 
     $('#div3 div').eq(i).toggle(); //show the particular thumb's description 
});