当前位置：文江博客话题详情

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

发布于 2024-10-06 07:10:49 字数 247 浏览 3 评论 0原文

我在一个 div 上有 5 个图像（比如产品的缩略图）。我还有另一个带有简要选项卡部分的 div。

我的编码（如下所示）：

带有 5 张图像的 Div。
另一个 Div 有 5 个选项卡部分及其产品详细信息。
此外，第二个 div 具有属性 style"display:none"。我想让它可见以查看其详细 div 部分的单击拇指。

提前致谢。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

北座城市 2024-10-13 07:10:49

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

回复收藏 0 原文

小嗲 2024-10-13 07:10:49

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

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

希望这有帮助。

鲍勃

回复收藏 0 原文

女中豪杰 2024-10-13 07:10:49

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

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

My answer can only get as good as your description.

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

回复收藏 0 原文

寄与心 2024-10-13 07:10:49

我假设您还有一些其他具有特定图像描述的标签，因此您也必须显示/隐藏它们。

$('#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
});

I assume you have some other tags that have the specific image descriptions, so you'll have to show/hide them too.

$('#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
});

回复收藏 0 原文

~没有更多了~