Javascript 余烬cli切换侧边栏“；实现Jquery部分；

我正在尝试在我的ember应用程序中实现一个小的切换站点栏。引导部分易于实现。但我不知道如何在视图中实现javascript部分

我想在我的应用程序中使用的侧边栏：

有人能告诉我如何修复jQuery部分吗？（侧边栏处于活动状态，但在访问网站时必须处于非活动状态。站点栏必须在用户单击选项按钮时弹出打开）

从“余烬”导入余烬；
导出默认的Ember.View.extend({
$（函数（）{
$（“#幻灯片子菜单”）。在（'click'，function（）{
$（this）.closest（'.list group'）.fadeOut（'slide'，function（）{
$（'.mini子菜单'）.fadeIn（）；
});
});
$（'.mini子菜单'）。在（'click'，function（）{
$（this）.next（'.list group'）.toggle（'slide'）；
$（'.mini子菜单'）.hide（）；
})
})
});

子菜单
在视图中实现JS时，您希望将代码放在
didInsertElement
钩子中：

import Ember from 'ember';

export default Ember.View.extend({
    didInsertElement: function() {
        // Your code here
    }
});

有关工作示例，请参见此jsbin：

jsbin中的代码片段中没有的内容：


字体很棒的图标
CSS取自您提供的用于设置迷你子菜单样式的链接
你能把这个扔进垃圾箱吗？