自定义Javascript手风琴外部链接

我正在尝试将自定义Javascript添加到我的Wordpress站点中。我已经将javascript正确地加入到该站点的队列中。为了遵守html准则，我尝试在accordion上使用标题类，这就是为什么我使用

.accordion.

，并使用子字符串从url中删除哈希标记。如果我将所有的类都更改为id，去掉选择器中的句点，并删除修剪的子字符串，它就会工作

然而，这将迫使我使用id而不是类。是否有任何解决方法，或者我是否被迫使用id

override.js中的非工作代码

var hash = window.location.hash;
var begining= ".accordion .";
var trimmed = begining + window.location.hash.substring(1);

jQuery(document).ready(function() {
    jQuery('.accordion').accordion({
active: false,
collapsible: true,
autoHeight: false,
heightStyle: "content"

});

    jQuery(trimmed).click();
});

override.js中的“管道胶带”工作代码

var hash = window.location.hash;
var begining= ".accordion ";
var trimmed = begining + window.location.hash;

jQuery(document).ready(function() {
    jQuery('.accordion').accordion({
active: false,
collapsible: true,
autoHeight: false,
heightStyle: "content"

});

    jQuery(trimmed).click();
});

我们希望用于页面的Html：

<div class="accordion">
  <h3 class="zen-shi-apps">zen shi appetizers</h3>
  <div>[simple-retail-menu id="1" header="none"]</div>
  <h3 class="sushi-bar-apps">sushi bar appetizers</h3>
  <div>[simple-retail-menu id="2" header="none"]</div>
</div>

禅师开胃菜
[简单零售菜单id=“1”header=“无”]
寿司吧开胃菜
[简单零售菜单id=“2”header=“无”]

工作正常的Html：

<div class="accordion">
  <h3 id="zen-shi-apps">zen shi appetizers</h3>
  <div>[simple-retail-menu id="1" header="none"]</div>
  <h3 id="sushi-bar-apps">sushi bar appetizers</h3>
  <div>[simple-retail-menu id="2" header="none"]</div>
</div>

禅师开胃菜
[简单零售菜单id=“1”header=“无”]
寿司吧开胃菜
[简单零售菜单id=“2”header=“无”]

事实上，我很久以前也遇到过这个问题。然后我试图找出手风琴的密码。它实际上是jQueryUI的一部分

有趣的是，在代码中，他们有时使用原始id来获取目标元素。因此，在本例中，他们可能使用id收集元素，而不是按类收集元素，这就是它不起作用的原因

所以，请检查您的手风琴库代码，只需检查他们是否以这种方式使用

干杯