在Magento2的产品选项卡下，手风琴无法工作。

Question

我在magento2.2.5的产品页面中，在产品标签 "FAQ "下使用了一个简单的HTML+JS手风琴。我想为Faq部分展示手风琴的概念。但在Magento中，当我使用下面的代码，它将与产品标签冲突，他们将停止工作。他们将无法点击更多。请帮助我解决手风琴的问题。目前，我已经从Magento管理部分的标签中删除了以下代码，这里是网站的URL。https:/uniqaya.comstagingtinted-sunscreen.html。代码。

    require([
            'jquery'
        ], function ($) {
            'use strict';
                $("#element").accordion();
    });

<div id="element" class="collapsibleContainer">
          <div class="collapsibleTab" data-role="collapsible">
              <div data-role="trigger">
                  <span>Title 1</span>
              </div>
          </div>
          <div class="collapsibleContent" data-role="content">Content 1</div>
    
          <div class="collapsibleTab" data-role="collapsible">
              <div data-role="trigger">
                  <span>Title 2</span>
              </div>
          </div>
          <div class="collapsibleContent" data-role="content">Content 2</div>
    
          <div class="collapsibleTab" data-role="collapsible">
              <div data-role="trigger">
                  <span>Title 3</span>
              </div>
          </div>
          <div class="collapsibleContent" data-role="content">Content 3<br>Hello<br>World</div>
      </div>

请帮助我如何使用相同的代码在FAQ的标签，手风琴的工作。

Regrads,

Answer 1

如果元素的ID是唯一的，尝试添加手风琴要求

require([
  'jquery',
  'accordion'
], function ($) {
   $("#element").accordion();
});