JQuery UI Accordion不使用多个div

Question

我在查明JQuery UI Accordion不能用于我的代码时遇到问题。

＆＃13;

＆＃13;

$("document").ready(function(){
 var icons = {
  header: "ui-icon-plusthick",
  activeHeader: "ui-icon-minusthick"
 };

 $('#accordion').accordion({
  header:"h3",
  heightStyle: "content", 
  collapsible : true, 
  active : false, 
  icons: icons
 });
});

＆＃13;

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> 
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

<div id="accordion">
 <h3>Resources</h3>
 <div id="bbContentResources">
    <p>Item 1</p>
    <p>Item 2</p>
    <p>Item 3</p>
    <p>Item 4</p>
 </div>
</div>

＆＃13;

＆＃13;

＆＃13;

非常感谢任何帮助！