Javascript sencha触摸在按钮的选项卡上隐藏和显示组件

我已经创建了一个带有一些视图的应用程序，并且在左上角有一个列表按钮来显示和隐藏点击列表事件。 有些人说我可以在标签上隐藏它，但不知道如何再次显示它。默认情况下，它应该是隐藏的，但点击该按钮时，它应该隐藏并显示自己，具体取决于当前属性

iconCls: 'list',
iconMask: true,
ui: 'plain',
handler: function() {
        Ext.getCmp('ext-ListNavigation-1').hide();
            }

和列表视图代码

Ext.define('ov_app.store.NavigationItems', {
    extend: 'Ext.data.Store',
config:{
    model: 'ov_app.model.Items', 
    data:[
        { items:"Services"},
        { items:"Solutions"},
        { items:"About Us"},
        { items:"Why Singapore"},
        { items:"Contact Us"}
    ]
}
});

用户交互阶段如下所示

如您所见，我将隐藏和显示什么（服务、解决方案等）

---

点击列表上方的列表按钮。

和@tdebaileul感谢代码的最小化版本

var list = Ext.getCmp('ext-ListNavigation-1');

if (list.isHidden()) {
  list.show();
}
else {
  list.hide();
}