Image 在图像上设置div可见性单击 p>所以我在标签里面有一个图像，而且我还有一个div，它集中在屏幕中间。

如何使此div在单击图像之前不可见

div可见时的页面预览：

这样，添加到CART是屏幕中间的div。我希望只有当“添加到购物车”按钮被点击时才会显示

---

我想让潜水艇在2秒钟后再次离开。过渡会很好（例如淡入可见性），但我不介意。

将div的显示设置为无，并对图像执行onclick事件，将div的显示设置为块。我建议使用JQuery添加任何过渡或动画

类似于（没有动画）：

---

解决了这个问题。必须使用jQuery

在中：

<script>
$(document).ready(function(){
  $(".addtocart").click(function(){
    $(".addedcartbg").fadeIn(500);
    $(".addedcartbg").delay(1000);
    $(".addedcartbg").fadeOut(500);
  });
});
</script>

$（文档）.ready（函数（）{
$（“.addtocart”）。单击（函数（）{
美元（“.addedcartbg”）.fadeIn（500）；
美元（“.addedcartbg”）。延迟（1000）；
美元（“.addedcartbg”）。淡出（500）；
});
});

在中：

<div class="addedcartbg" style="display:none"><div class="addedcart"> Successfully added to cart. </div></div>

已成功添加到购物车。

css

html

---

我已经试过了唯一的答案，但是没有用。

<div class="addedcartbg" style="display:none"><div class="addedcart"> Successfully added to cart. </div></div>

.hide{
display:none;
}

<div class="hide">
// put content here
</div>
<img class="hide-show" src="site.com/image.png" alt=""/>

$(function(){
 $('.hide-show').bind('click',function(){
    $('.hide').fadeIn(500).delay(2000).fadeOut(500);

    });
});