Php 将.toggle函数与jquery中的.load函数结合使用

我得到了一个按钮，当它被点击时，用ajax加载来自另一个“randomstuff.php”文件的一些内容。这个按钮应该能够在不刷新页面的情况下再次删除这个“randomstuff.php”文件。我的想法是使用。在这个等式中切换一些位置，但我不知道在哪里以及如何切换：/

$(document).ready(function() {
  $("#savedButtonBox").click(function () {
    $("#content").load('moduleSavedStyles/moduleSavedStyles.php');
  });
});

使用这种方法，它会将内容加载到原始（index.php）网站中，但现在我想切换它，使其再次被删除。我需要一些帮助！：）

---

提前谢谢

如果我理解了您的要求，您需要

load（）

一些内容，然后在交替单击同一按钮时清除加载的HTML

如果是这样，您就不需要

toggle（）

。相反，您可以使用

is（':empty'）

检查包含元素中是否存在任何内容，然后填充或清空它。试试这个：

$("#savedButtonBox").click(function () {
  var $container = $('#content');
  if ($container.is(':empty')) {
    $container.load('moduleSavedStyles/moduleSavedStyles.php');
  } else {
    $container.empty();
  }
});

---

是的，这正是我想做的，但是您提供的代码没有达到这种效果，它不再加载任何内容。对不起，我混淆了变量名。现在试试。如果不起作用，请尝试

If（$container.children（）.length==0）

。如果这样做有效，您需要删除容器标记之间的空白，例如，

应该是

我在JSFIDLE中为您添加了一个工作示例。请注意，我必须更改AJAX请求，使其能够使用JSFIDLE的规则，但逻辑是相同的。希望能有所帮助。如果您仍然有问题，请尝试在第一次单击按钮后检查控制台是否有错误。现在它可以工作：）谢谢！！我怀疑浏览器正在兑现旧的或类似的东西。