通過點擊另一個div中的圖像顯示div（具有樣式「display：none」）

Question

我在div上有5個圖像（如產品的拇指圖像）。而且我還有另外一個div，並附有簡短的標籤部分。

我的編碼（如下面）：

1. 分度，5個圖像。
2. 另一個分部有5個選項卡部分及其產品詳細信息。
3. 另外，第二個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 
});