jQuery手风琴自动高度问题：空白/高度过多

我知道以前有人问过这个问题，但我在那个帖子和类似的帖子中试过了所有的方法，但都没办法解决这个问题

$(function() {
$("#notaccordion1").accordion({autoHeight: 'false', heightStyle: 'content', collapsible: true, active: false});
});

---

我的每个可展开的手风琴div底部都有一堆空白。查看小提琴：

手风琴

CSS

在div周围设置了相当多的填充。您可以用自己的CSS覆盖它

.ui-accordion .ui-accordion-content {
    padding-bottom: 0px;
}

拨弄

如果你想去掉上面的空白，也可以将

padding top:0px设置为空白

更新

下面是基于第二个示例的更新

在这里，你不需要css，因为你没有在手风琴中使用增加额外填充的段落。我所做的只是修改了你的
myAccordion
函数，以便在打开新的accordion部分时关闭其余打开的accordion部分。（它以前没有这样做过）

手风琴式
CSS
在div周围设置了相当多的填充。您可以使用自己的CSS覆盖这一点

.ui-accordion .ui-accordion-content {
    padding-bottom: 0px;
}

拨弄


如果你想去掉上面的空白，也可以将
padding top:0px设置为空白

更新

下面是基于第二个示例的更新

在这里，你不需要css，因为你没有在手风琴中使用增加额外填充的段落。我所做的只是修改了你的
myAccordion
函数，以便在打开新的accordion部分时关闭其余打开的accordion部分。（它以前没有这样做过）

您的原始代码设置了autoHeight:“false”，此设置仅适用于没有引号的我，因此可能是所有空格的原因。
您的原始代码设置了autoHeight:“false”，此设置仅适用于没有引号的我，因此可能是所有空格的原因。
@miles请将此答案标记为已接受，如果它有助于解决您的问题。如果没有，也可以给出反馈。ThanksI添加了CSS，但我仍然看到同样的问题@miles我没有看到你更新的小提琴。。你发布的是你的原创作品。你看到我在回答中发布的小提琴上的问题了吗？我没有看到你的小提琴上的问题，这是一个更新的小提琴，有一个持续存在的问题：@miles好吧，它不起作用，因为你的调用
$（“#notaccordion1”）。accordio（）而不是
$（“#notaccordion1”）.myAccordion（）
无论我使用
.myAccordion（）`输入了什么参数，它都会将每个手风琴的高度设置为文本最多的手风琴的高度。所以每个手风琴都有相同的高度。您使用的
jqueryui
1.8`有点过时，我找不到太多关于它的文档。如果您希望实现accordion，以便在单击下拉列表时关闭上一个下拉列表，我可以使用myAccordion fn为您寻找解决方案。@miles如果此答案有助于解决您的问题，请将其标记为已接受。如果没有，也可以给出反馈。ThanksI添加了CSS，但我仍然看到同样的问题@miles我没有看到你更新的小提琴。。你发布的是你的原创作品。你看到我在回答中发布的小提琴上的问题了吗？我没有看到你的小提琴上的问题，这是一个更新的小提琴，有一个持续存在的问题：@miles好吧，它不起作用，因为你的调用
$（“#notaccordion1”）。accordio（）而不是
$（“#notaccordion1”）.myAccordion（）
无论我使用
.myAccordion（）`输入了什么参数，它都会将每个手风琴的高度设置为文本最多的手风琴的高度。所以每个手风琴都有相同的高度。您使用的
jqueryui
1.8`有点过时，我找不到太多关于它的文档。如果你想实现手风琴，那么当你点击一个下拉菜单时，上一个就关闭了，我可以用你的myAccordion fn为你寻找一个解决方案。这更适合作为评论，不回答OP的问题。这更适合作为评论，不回答OP的问题。