Question

我在Accordians中有4个Headers，我想禁用和折叠所有4个标题中的First标题，如下所示：

$("#ExpandCollapse").accordion({
         active: false,
         collapsible: true
  });

禁用我正在使用

$(".IncludeAnalysis").addClass("ui-state-disabled");

其中.IncludeAnalysis是给第一个标题的类。我想折叠并禁用它除了其他（非可折叠+非禁用）

Answer 1

我相信您要求做的是让您的第一个面板折叠并禁用，并立即打开所有其他三个面板。如果是这样，你就误解了collapsible的意思，误解了手风琴的用途。

手风琴允许您在一组彼此重叠的面板中拥有多组内容。您可以一次查看其中一个面板。这使您可以在页面上拥有的内容多于一次适合屏幕的内容。它的目的与一组标签类似。您一次选择一个选项卡，并可以访问该选项卡上的内容。如果要访问其他内容，请选择其他选项卡。因此，您要求做的是类似于要求在选项卡式显示中一次选择多个选项卡。它不起作用。您一次只能看到一个，并且用户单击他们想要查看的面板的标题。

collapsible选项允许您打开 no 面板（即活动）;通过将其设置为true，您所说的是您可以折叠（即关闭）整个手风琴。否则，一个面板始终打开。默认情况下，第一个在加载时处于活动/打开状态。如果要关闭它，可以通过单击它激活其他面板。正如文档所说collapsible：

是否可以立即关闭所有部分。允许折叠活动部分。

您已查看active选项的文档。正如您在代码中所做的那样，将collapsible设置为true并将active设置为false（这意味着没有面板处于活动状态）会关闭整个手风琴。换句话说，它没有激活任何面板。

您正在禁用第一个面板。现在我建议你打开第二个面板，让其他面板关闭但启用。为此，只需将active选项设置为1：

$("#ExpandCollapse").accordion({
     active: 1
});

除非您要关闭所有面板，否则无需设置collapsible。

这是你最接近你想要的东西。如果您想要显示所有三个面板，那么您不想使用手风琴。

如何禁用和折叠JQuery Accordian的单个标头

1 个答案: