用于切换divs的Div按钮-Javascript/CSS

我正在尝试添加一个“后退按钮”，它将当前div切换到上一个div。基本上，我有一个俄克拉荷马州地图的div，它填充了窗口。当用户单击地图的某个区域时，div将与一个div切换，该div是用户选择的“放大”区域的图像。我希望我的后退按钮出现在这个放大的div的顶部，在右下角，如果用户单击该按钮，该div将与原始的俄克拉何马州地图div切换

以下是我迄今为止尝试过的代码：

CSS:

---

-->我删除了div中的onClick部分。当我单击该按钮时，该按钮将关闭，但容器div（俄克拉荷马州地图）不会重新打开。

您希望onClick方法调用有效函数，如

abcMethod（）

。（无论切换代码位于何处）。

当您使用jQuery时（在您的代码中很明显）

将其放入javascript中：

$("#button").click(function(){
  $("#backButton").toggle();// hide the div (assume you have it turned on somewhere
  $("#container").toggle();) // show the other div
});

---

从标记中删除

onClick=“#container.toggle（）；”

，

我认为您可能混淆了JS语法和jQuery语法。您在使用jQuery吗？如果您在使用jQuery，为什么要使用onClick标记？您应该使用$（“#backButton”）。单击（function（）{}）。仅供参考，我真的不喜欢div的“button”和“backButton”的ID名称，尤其是第一个。您希望ID名称是什么？我倾向于不使用“button”，因为它与元素名称相同-在它前面加上“turnOffButton”或“zoomOffButton”等前缀“backButton”我会制作一个“zoomOffButtonContainer”-更具描述性。你知道为什么在按钮关闭时容器没有重新打开吗？请参见我问题中的编辑。我发现了为什么它没有打开；我确实需要关闭放大的div。谢谢你的帮助！

<div id="backButton" style="display:none; background:url('images/backspace.png');" onClick="#container.toggle();">
    <div class="button"></div>
</div>

 $("#backButton").click(function(e)
{
    $("#container").toggle();
            $("#backButton").toggle();
});

$("#button").click(function(){
  $("#backButton").toggle();// hide the div (assume you have it turned on somewhere
  $("#container").toggle();) // show the other div
});