代码之家  ›  专栏  ›  技术社区  ›  BenAlabaster

如何在jQuery Accordion中嵌套header对象

  •  1
  • BenAlabaster  · 技术社区  · 15 年前

    我有一个UL列表和CSS样式的原因,我需要嵌套的对象,我想作为我的手风琴头在一个div里的LI。以便:

    <ul>
        <li>
            <div>
                <h4>Header</h4>
            </div>
            <p>This is my content</p>
        </li>
        ... other lis...
    </ul>
    

    现在,我想挂上我的手风琴:

    $(document).ready(function() {
        $('ul').accordion({
            header: '' //What do I put here?
        });
    });
    

    当我将标题设置为h4时,它不起作用,当我使用div时,它只在div中的填充从h4下面露出的边缘起作用。有没有一种方法可以引用div中的h4作为标题?我试过'div>但那不行。我相信这很简单,但我还没有发现怎么做。

    提前干杯。

    1 回复  |  直到 15 年前
        1
  •  1
  •   Nick Craver    15 年前

    手风琴的工作原理是找到你的头选择器匹配,然后调用 .next() 获取内容部分。因此,对于标记,只需使用以下内容:

    $('ul').accordion({
        header: 'li>div' //.next() will get the <p>
    });
    

    我测试过这个,在这里效果很好。