Question

我试图隐藏不活跃的手风琴标签和最后一个标签，但是到现在为止运气不大

我现在的代码：

                    $('#accordion > h3').each(function() {...});
                    var accordion, first, last, lastContent;
                    var i = 0;
                    $('#acc_Posts').children().each(function() {
                        accordion = $(this).attr("id");
                        if ($("#" + accordion).hasClass("ui-accordion-header")) {
                            if (i == 0) {
                                first = $(this).attr("id");
                            }
                            lastContent = $(this).next().attr('id');
                            last = $(this).attr("id");
                            if ($("#" + accordion).attr("aria-selected") == 'false') {
                                $("#" + accordion).hide();
                            };

                        }
                        i++;
                    });
                    $("#" + last).css({
                        'display': ''
                    });
                    $("#" + first).css({
                        'display': ''
                    });

当用户点击活动标签的主体时，我会尝试完成除活动标签和最后一个标签之外的所有标签都被隐藏，当用户点击最后一个标签时，所有标签都会再次显示。听起来很简单，但我无法弄清楚这一点。也许有人有同样的想法吗？

感谢任何帮助！

Answer 1

要隐藏或显示手风琴，您必须使用collapse，例如，切换它：

$('#yourAccordion').collapse({toggle: true});

Jquery手风琴隐藏不活跃的滑块

1 个答案: