如何在手机上使用不同行为的magento x-magento-init手风琴？

<button id="accordion-button" data-action="open-accordion">Open Accordion</button>
<div id="accordion" data-action="accordion">
  <div data-role="collapsible">
    <h3>Section 1</h3>
    <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div>
  </div>
  <div data-role="collapsible">
    <h3>Section 2</h3>
    <div>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div>
  </div>
</div>

<script type="text/x-magento-init">
{
  "#accordion-button": {
    "Magento_Ui/js/core/app": {
      "components": {
        "accordionButton": {
          "component": "Magento_Ui/js/button",
          "actions": {
            "click": "accordionButtonClicked"
          }
        }
      }
    }
  },
  "#accordion": {
    "Magento_Ui/js/core/app": {
      "components": {
        "accordion": {
          "component": "Magento_Ui/js/accordion",
          "actions": {
            "open-accordion": "openAccordion"
          }
        }
      }
    }
  }
}
</script>

<script>
require(['jquery', 'accordionButton', 'accordion'], function($, accordionButton, accordion) {
  $(document).ready(function() {
    accordionButton.clicked = function() {
      // 执行按钮点击时的操作
    };

    accordion.openAccordion = function() {
      // 执行打开手风琴时的操作
    };
  });
});
</script>