无法在角度模板中创建嵌套的手风琴

Question

我正在尝试在now-ui-dashboard angular2模板的侧栏上实现嵌套的手风琴。但是，切换功能无效。就像在屏幕上只能看到可折叠组项目＃1，可折叠组项目＃2，可折叠组项目＃3一样，当我单击它时，会发生折叠，但它不会停留。它倒塌了

该怎么办？我如何实现手风琴。我要在侧边栏中。

使用的模板是-creative-tim / now-ui-dashboard

代码- 该代码是链接的复制粘贴-https://codepen.io/marklsanders/pen/OPZXXv

sidebar.component.html

</body>

script(src='/demo/jquery.js', type='text/javascript')
link(rel='stylesheet', href='/autocomplete.css')
script(src='/autocomplete.js', type='text/javascript')
script.
  var states = [
  'Alabama', 'Alaska', 'Arizona', 'Arkansas', 'California',
  'Colorado', 'Connecticut', 'Delaware', 'Florida', 'Georgia', 'Hawaii',
  'Idaho', 'Illinois', 'Indiana', 'Iowa', 'Kansas', 'Kentucky', 'Louisiana',
  'Maine', 'Maryland', 'Massachusetts', 'Michigan', 'Minnesota',
  'Mississippi', 'Missouri', 'Montana', 'Nebraska', 'Nevada', 'New Hampshire',
  'New Jersey', 'New Mexico', 'New York', 'North Carolina', 'North Dakota',
  'Ohio', 'Oklahoma', 'Oregon', 'Pennsylvania', 'Rhode Island',
  'South Carolina', 'South Dakota', 'Tennessee', 'Texas', 'Utah', 'Vermont',
  'Virginia', 'Washington', 'West Virginia', 'Wisconsin', 'Wyoming'
  ];
  $('#auto1').autocomplete({
  source:[states]
  });

图片-