Question

我有<div>，宽度和高度为200像素。在<div>内，有一个display:none图片。

当我点击<div>时，我希望图片的样式变为display:block。当我再次点击它再次成为display:none时。

这可能吗？

Answer 1

如果jQuery没问题，你可以使用：

CSS：

#img {display:none;}

的jQuery

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

其中#img是图片的ID。如果您发布更多HTML，我们可以更准确地回答。

您只需要添加jQuery脚本库：在您的页面中在<head>代码：

之间添加此内容

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

Answer 2

是的，在div的事件 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';}"

OnClick＃div1将显示更改为＃div2

2 个答案: