jquery手风琴避免缩进

Question

我需要一个Jquery UI多级手风琴。 我用以下标记对其进行了测试，但我需要删除每个级别的缩进。 这可能吗？ （“手风琴”类不包含任何内容，仅供选择）

我已经包含了我需要移除的（红色）区域的图示。

<div id="faqs-container" class="accordion">
        <h3><a href="#">One</a></h3>

        <div class="accordion">
            <h3><a class="" href="#">A</a></h3>
            <div>
                <ul>
                    <li>list</li>
                    <li>list</li>
                    <li>list</li>
                </ul>
            </div>
            <h3><a href="#">B</a></h3>
            <div>
                <ul>
                    <li>list</li>
                    <li>list</li>
                    <li>list</li>
                </ul>
            </div>
        </div>
        <h3><a href="#">Two</a></h3>
        <div>
            <-- A Wrapper -->
         <ul>
             <li>But They</li>
             <li>Do Not</li>
             <li>Work</li>
         </ul>
            <div class="accordion">
                <h3><a href="#">A2</a></h3>
                <div>
                    <ul>
                        <li>list</li>
                        <li>list</li>
                        <li>list</li>
                    </ul>
                </div>
                <h3><a href="#">B2</a></h3>
                <div>
                    <ul>
                        <li>list</li>
                        <li>list</li>
                        <li>list</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

Answer 1

我发现这里需要造型： Jquery Forum

我插入了这个样式并删除了水平缩进。

.ui-accordion .ui-accordion-content {
    padding: 1em 0;
}