Jquery 如何在单击图像时隐藏/显示div

我只想在用户单击特定图像时显示div。请指导我如何在jquery中实现这一点

我想显示我的div的id为demociv，单击图像的事件

<div id="demoDiv"></div>
<img src="../images/demo.png" width="30px" height="30px" /><label for="report">Demo Report</label>

---

点击上图，我想显示我的demoDiv div

您可以使用jQuery切换函数来实现这一点

$("#image_id").on("click",function(){

       $("#demoDiv").toggle();

});

或者简单地使用显示/隐藏方法

---

或者通过将给定的类激活到div并通过函数toggleClassactive切换该特定类

如果您正在使用引导：

<div id="demoDiv" class="hidden">Demo</div>
<img id="demoImg" src="/test.jpg" />
<script>
    $('#demoImg').click(function() {
        $('#demoDiv').toggleClass('hidden');
    })
</script>

---

演示报告点击上图后，我想在按钮处展示我的Demoiv divUse图像。请在要求我们为您做之前做一些基础研究。如果你有什么困难，请提供帮助，我们可能会提供帮助。。。但我们不是一个代码编写服务。请仔细阅读，特别是这一部分。真的，我已经编辑了我的信息。