如何在点击时显示 div

Question

我有这个 HTML 代码。我有一个带有一些图像的幻灯片。我为每个包含该图像描述的图像链接了一个 div。每个带有“product”类的“div”都有一个 CSS 属性，display: 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();   
  });