找出 jQuery Accordion 中的内容在更改事件时是否处于活动状态

Question

因此，我有一个 jQuery 手风琴，并且在内容区域中我使用图像创建了一些伪复选框。这在除 IE 6/7 之外的所有浏览器中都可以正常工作（不幸的是，我必须支持它）。发生的情况是，当我切换关闭/打开一个部分时，复选框会在内容通过动画完全打开之前出现。一种选择是禁用 IE 动画，但我不想这样做。相反，我希望有一种方法可以通过更改/更改启动功能显示/隐藏复选框。然而，似乎这样做，我需要在changestart函数中找出内容是否即将展开，或者即将折叠。如果它折叠起来，我需要在动画开始之前隐藏复选框。同样，在更改函数（完成后执行的函数）中，我需要查看内容是否已打开或关闭。如果它被打开，那么我们将要显示其中的复选框。这就是我现在正在尝试的，但它所能做的就是隐藏它，而且总是如此，所以我认为将其基于 .ui-accordion-content-active 类是行不通的：

$("#filter_accordion").accordion({
    header: "> div > h3",
    autoHeight: false,
    collapsible: true,
    active: false,
    change: function(event, ui) {
      if (ui.newContent.hasClass(".ui-accordion-content-active")) ui.newContent.find(".checkbox").show();
    },
    changestart: function(event, ui) {
      if (!(ui.newContent.hasClass(".ui-accordion-content-active"))) ui.newContent.find(".checkbox").hide();
    }
  });

任何帮助非常感谢！

Answer 1

好吧，从来没有得到任何回应，但万一其他人遇到它，我找到了解决方案。 UI 图标的可见性与另一个 IE 错误有关，即在展开/折叠部分时垂直移动图标。 ie67 只是我的模板中的一个布尔集，描述我们是否使用这些浏览器之一（IE 6/7），以防不明显。

$("#filter_accordion").accordion({
    header: "> div > h3",
    autoHeight: false,
    collapsible: true,
    active: false,
    changestart: function(event, ui) {
      if (ie67) {
        $("#filter_accordion .ui-icon").css("visibility", "hidden");
        ui.oldContent.find(".checkbox").hide();
        if (ui.newContent.is(":visible")) ui.newContent.find(".checkbox").hide();
      }
    },
    change: function(event, ui) {
      if (ie67) {
        $("#filter_accordion .ui-icon").css("visibility", "visible");
        if (ui.newContent.is(":visible")) ui.newContent.find(".checkbox").show();
      }
    }
  });