Javascript Jquery可折叠切换

我曾尝试使用jqueryaccordion，它似乎对我很有用，但当我想使用可折叠/切换模式时，我可以看到所有选项卡为我打开，那么我就面临着问题。我有自己的CMS，下面是HTML的代码。“我想通过单击标题查看div部分”。我不想更改HTML部分中的任何内容，只想在这里使用JQuery。HTML部分、JS部分、JQUERY如下

    <div class="js-toggle-headline sf-toggle-headline">
        <h3 class="active">Headline 1</h3>
        <div>$charClone{Content Part 1</div>
        <h3>Headline 2</h3>
        <div>$charClone{Content Part 2$\ }{30}</div>
        <h3>Headline 3</h3>
        <div>$charClone{Content Part 3$\ }{30}</div>
    </div>

嗯，我认为有一些API选项可以让它在不破坏其他部分的情况下工作，但显然不是。然而，这种行为可以通过一些mod实现，但确实涉及到一个小小的html更改。有关具体更改，请参见三条代码注释

$（文档）.ready（函数（）{
//在选择器中添加div
$（'.js切换标题>div'）。手风琴({
高度样式：“目标”，
活动：错误，
可折叠的：是的，
自动高度：正确，
header:'h3'//设置指定的accordion header元素
});
});

标题1
内容第1部分
标题2
内容第2部分
标题3
内容第3部分
我还不是100%清楚要实现什么。。。有更好的解释方法吗？虽然我不熟悉
$$js_toggle
语法部分，但忽略了这一点，单击标题似乎会显示/隐藏相关的div部分，该部分似乎正在工作。感谢您的回复。实际上，我想显示一个切换，如果我单击一个标题，它将打开，然后单击第二个标题，它也将打开，但第一个标题将保持打开状态，以此类推。我想你明白了。但问题是，我不想更改HTML部分的任何内容。我只想使用相同的HTML，同时还想使用JS和Jquery。谢谢你的帮助，但是不添加额外的div是否可能？因为我不想编辑HTML部分。可能，但不会使用jqueryui的手风琴。请参阅答案的更新部分，该部分没有在手风琴上使用jqueryui。
$$js_toggle{$hashTable.new
{selector}{h3}
{target}{div}
{container}{.js-toggle-headline}
{animation}{slide}
{initialize}{$java.new{java.lang.Boolean}{1}}
{toggleClass}{active}}


$(function(){
            $('.js-toggle-headline').accordion({
                heightStyle: 'target',
                active: false,
                collapsible: true,
                autoHeight: true
            });
        });