向 jQuery Accordion 脚本添加关闭按钮

发布于 2024-09-05 00:04:49 字数 523 浏览 4 评论 0原文

我想知道是否有办法向我正在处理的手风琴脚本添加关闭按钮(或操作)。我没有jquery知识,但很想学习它。

这是我的手风琴代码:

$(document).ready(function(){

$(".accordion .intro:first").addClass("active");
$(".accordion .more:not(:first)").hide();

$(".accordion .intro").click(function(){

  $(this).next(".more").slideToggle("slow")
  .siblings(".more:visible").slideUp("slow");
  $(this).toggleClass("active");
  $(this).siblings(".intro").removeClass("active");

});

});

我想添加一个类来关闭,这样我就可以在内容中添加一个按钮来关闭或 .slideUp

谢谢。

I am wondering if there is a way to add a close button (or action) to this accordion script I'm working on. I have no jquery knowledge, but am eager to learn it.

Here is my accordion code:

$(document).ready(function(){

$(".accordion .intro:first").addClass("active");
$(".accordion .more:not(:first)").hide();

$(".accordion .intro").click(function(){

  $(this).next(".more").slideToggle("slow")
  .siblings(".more:visible").slideUp("slow");
  $(this).toggleClass("active");
  $(this).siblings(".intro").removeClass("active");

});

});

I would like to add a class to close, so I can add a button in the content to close or .slideUp

Thanks.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

久夏青 2024-09-12 00:04:49

我不确定这是否是您想要的,但是如果您正在寻找折叠的手风琴,您可以致电:

$("#SearchParameterAccordion").accordion("activate", 0);

在哪里
SearchParameterAccordion 是 div id,
0 是要折叠的手风琴的索引。

我相信您也可以使用选择器代替索引。

如果这没有回答您的问题,抱歉。

I'm not sure if this is what your looking for, but if you looking for the accordion to collapse you can call:

$("#SearchParameterAccordion").accordion("activate", 0);

where
SearchParameterAccordion is the div id,
0 is the index of which accordion to collapse.

I believe you can also use a selector instead of an index.

If this didn't answer your question, sorry.

甜味拾荒者 2024-09-12 00:04:49

设置:

collapsible: true

将允许您轻松折叠手风琴窗格。

例子:

$("#SearchParameterAccordion").accordion({
       header: "h3",
       autoHeight: false,
       collapsible: true
});

settting:

collapsible: true

will allow you to collapse an accordion pane easily.

Example:

$("#SearchParameterAccordion").accordion({
       header: "h3",
       autoHeight: false,
       collapsible: true
});
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文