javascript - appceleratorでスライドメニューを非表示にするにはどうすればよいですか?

Question

私は appcelerator でアプリを構築しています。カスタム スライド メニューも作成しています。ボタンをクリックすると、スライド メニューが左から右に表示されます。

今日遅く、固定幅のこのメニューがあります。このメニューを非表示にするために、プロパティを -width のままに設定しました。

メニューの幅をパーセンテージで設定したいと思います。しかし、メニューを非表示にする方法がわかりません。

だから、これは私のcssファイルです：

"#main_menu": {
    layout: "vertical",
    scrollType: "vertical",
    showVerticalScrollIndicator: true,
    top: 0,
    left: 0,
    width: "55%",
    height: Ti.UI.FILL,
    backgroundColor: "#70C662",
}

これは私のjsファイルです

var menu_width = (Ti.Platform.displayCaps.platformWidth/2);
main_menu = Alloy.createController("_main_menu", args).getView();
$.sidebar.left = -menu_width;

しかし、値が 180 であるため、menu_width のサイズは正しくありません。また、私のスマートフォンが 360px の寸法を持つことはあり得ません。