Question

我修改了jquery手风琴以显示多个这样的已打开的div：

$(function() {
        var icons = {
            header: "ui-icon-circle-arrow-e",
            headerSelected: "ui-icon-circle-arrow-s"
        };
        jQuery('#accordion').accordion({
             icons: icons,
             collapsible: true,
             active: false,
             autoHeight: false,
             navigation: true, 
             disabled: true });

            jQuery('#accordion h3.ui-accordion-header').click(function() {
                jQuery(this).next().slideToggle();
            });

    });

除了点击任何标题之外，它工作正常，它会扩展，但标题上的箭头不会改变。

我按照以下链接：

http://sammybrent.inelsternwick.com/blog/?p=30

请建议解决方案。

Answer 1

基本上，你试图模仿手风琴行为。但是点击一下，这并不是手风琴所做的一切。它也改变了箭头和标题的类，这改变了图片。

因此，如果点击标题，你可以做的就是将类从ui-icon-circle-arrow-e更改为ui-icon-circle-arrow-s，反之亦然。添加如下内容：

$(this).find('.ui-icon').toggleClass('ui-icon-circle-arrow-e ui-icon-circle-arrow-s');

我猜是

会工作的。我认为使用这样的手风琴不是一个非常好的解决方案。

多个div打开手风琴

1 个答案: