如何在点击时显示div

Question

我有这个HTML代码。我有一些图片的幻灯片显示。我为每个图像都有一个链接的div，其中包含对该图像的描述。每个带有“ product”类的“ div”都有一个CSS属性，显示为：none。

当我单击一张图像时，我只想显示该图像的信息。每个图像通过称为“数据代码”的数据属性链接到其描述。怎么办

enter code here

<div class="slideshow">
    <img data-code="1" >
    <img data-code="2" >
    <img data-code="3" >
    <img data-code="4" >

<div class="productWrapper">
    <div class="product" data-code="1">Some info</div>
    <div class="product" data-code="2">Some info</div>
    <div class="product" data-code="3">Some info</div>
    <div class="product" data-code="4">Some info</div>
</div>

Answer 1

在Jquery中执行此操作； 然后在html中创建一个id为showElement的按钮

$("#showElement").click(function(){  
    $(".slideshow").slideDown();   
  });