Jquery 用更多内容替换手风琴占位符

我目前正在建立一个网站的基础上的想法是一个单页网站。我现在有一个主视图，如

<div id="right-content">
<div id="accordion"></div>
</div>

我想我的问题可能是每个“手风琴”都是先放在自己的div中的，这不是示例中的情况

有人能帮我弄清楚吗？

---

非常感谢

您的HTML示例中存在多个标记错误。缺少

的几个结束标记

---

您的

h2

的结束标记错误

我认为您需要调用
$（“#accordion”）.accordion（）每次加载ajax之后。您不能依靠
$（document）.ready（）
中的一次调用来处理页面加载完成后添加到页面中的新元素。
<div id="right-content">
    <div id="accordion">
        <div class="blog">
            <h2>Blog Header</<h2><!--This should be the click area for the accordion-->
            <p>Content content content content content content content content
            content content content content content content content content content
            content content content contentcontentcontent content content content</p>
           <!--<p> should be hidden unless this accordion is active</p>
    </div>

<div id="right-content">
    <div id="accordion">
        <div class="blog">
            <!-- Note the additional <a> tag to get the accordion arrows -->
            <h2><a>Blog Header</a></h2>
            <p>Content content content content content content content content
            content content content content content content content content
            content content content content content content content content
            </p>
        </div>
        <div class="blog2">
            <h2><a>Blog Header 2</a></h2>
            <p>Content content content content content content content content
            content content content content content content content content
            content content content content content content content content
            </p>
        </div>
    </div>
</div>

$(document).ready(function() {
    // run your ajax stuff
    // when you are done inserting all the stuff
    // run this (after ajax operations are completed)
    $('#accordion').accordion({header:'h2'});
});