Jquery 单击div1将显示更改为div2

我有一个宽度和高度为200像素的屏幕。 里面有一个显示屏：无图像

单击时，我希望图像的样式变为“显示：块”。当我再次单击它以显示：无

这可能吗？

是的，在单击div的event onclick时，只需执行以下操作：

onclick="document.getElementById('image_id').style.display='block';"

如果要更改，请在再次单击时：

onclick="if(document.getElementById('image_id').style.display=='block'){document.getElementById('image_id').style.display=='none';}
else{document.getElementById('image_id').style.display='block';}"

---

如果jQuery正常，则可以使用：

CSS:

jQuery

<script>
$(document).ready(function(){
    $('#divID').click(function(){
        $('#img').toggle();
   });
}); 
</script>

其中img是图像的id。如果你张贴更多的html，我们可以回答更准确

您只需添加jQuery脚本库： 在页面中的标签之间添加以下内容：

---

您应该使用jQuery click Event是否可以使用jQuery？您尝试过什么吗？请同时发布一些html…。@mr.soroush，除非很明显或者询问者明确表示他们可以使用某个工具jQuery，在这种情况下，请不要更改问题的标签。dominotrix没有暗示使用jQuery是可以的，用jQuery标记它将完全改变收到的答案。OP想要切换显示，所以这还不够。是的，我看到了，谢谢。。似乎不起作用：/图像的原始样式为：none，应该是内联样式吗？或者在style.css中？？可以使用css完成too@dominotrix检查这个-这是你要找的吗？@dominotrix，刚刚更新了我的答案：在你的页面标签之间添加这个：@dominotrix，再次检查我的答案。我添加了$document.readyfunction{，这样代码只会在页面加载后加载。

<script>
$(document).ready(function(){
    $('#divID').click(function(){
        $('#img').toggle();
   });
}); 
</script>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>