Javascript ajax：如何在使用ajax关闭div后重新打开div

我在div中使用ajax调用一个页面。当页面打开时，有一个“close”按钮隐藏div。单击close按钮后，我需要刷新页面以重新打开div。 在不刷新页面的情况下，我应该如何尽可能多地打开和关闭div

代码：

$（文档）.ready（函数（）{
$（“#关闭”）。单击（函数（）{
$（“#显示_选项”）.hide（）；
$（window.unload（函数（）{alert（“Bye now！”）；}）；
});
});
我的选择：利格
编辑

我还没有测试过这一点，但在“关闭”锚点上，尝试以下方法：

<a href="#" id="close" onclick="closeDiv();">Close</a>
... stuff ...
<a href="#" id="open" onclick="openDiv();">Open</a>

---

当然还有其他方法，但这是其中之一。请注意，我没有测试代码。

使用toggle（）而不是hide（）或show（）

我不是专家，但是如果您不想用动画隐藏或显示div标记，您可以使用CSS简单地更改div标记的可见性。您可以使用以下功能来关闭和打开div标记：

function close() {
    document.getElementById("show_options").style.display = "none";
}
function open() {
    document.getElementById("show_options").style.display = "block";
}

---

CSS的好处在于，您不必重新生成内容，因此我认为它应该工作得更快，代码也可以更短。

我不确定是否理解您的问题。但是，如果您只是希望close链接执行javascript函数，而不希望执行其他任何操作，请将link标记中的“#”替换为“javascript:；”。锚定有时可能会给您一些意外的行为

如果您将样式信息放在样式表中，您的代码对您和我们来说都会更容易阅读。您的意思是与

hide（）

相反吗？例如，

show（）

？

function closeDiv()
{
    document.getElementById("show_options").innerHTML = "";
}
function openDiv()
{
    document.getElementById("show_options").innerHTML = "...whatever...";
}

function close() {
    document.getElementById("show_options").style.display = "none";
}
function open() {
    document.getElementById("show_options").style.display = "block";
}