通过单击另一个div中的图像显示div（具有样式“display：none”）

Question

我在div上有5张图像（如产品的拇指图像）。而且我还有一个带有简要标签部分的div。

我的编码（如下所示）：

1. 包含5张图片。
2. 另一个Div有5个标签部分及其产品详情。
3. 此外，第二个div具有属性style"display:none"。我希望看到点击的拇指可以看到它的详细div部分。

提前致谢。

Answer 1

您可以使用.show()和.hide()切换'display：none'来显示/隐藏div。

Answer 2

以下是如何执行此操作的示例。

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

希望这有帮助。

鲍勃

Answer 3

我的回答只能与你的描述一样好。

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

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
});