質問: ### 前提・実現したいこと いつもお世話になっております。 「sidr」というプラグインで横から出てくるメニューを作成しています。 下記は、標準にはなくオリジナルで付加したいと思っているのですが、 メニューを開くと、「.layer」クラスを表示し、 メニューを閉じると、「.layer」クラスを非表示にしたいです。 閉じるときは、「body」全体クリック対象にし、 「.layer」クラスを非表示にしたいと考えています。 ### 発生している問題・エラーメッセージ 下記のようにすると、「body」をクリックすると「.layer」クラスを表示非表示されるだけになってしまいます。 ``` ``` ``` メニュー トップページ ----本文---- ``` ``` .layer { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 171, 234, 0.7); z-index: 80; } ``` ### 試したこと [body]ではなく[a#right-menu]と開くボタンを指定してみましたが、 [.layer]が表示されません。 [a#right-menu]という指定の仕方がおかしいのでしょうか。。。 宜しくお願いいたします。 ``` ``` ### 教えていただき動作したコード ``` ```
回答: イベントを設定できるようなので、そこで処理を追加すればよいのでは。 【Sidr - Berriart】 > > onOpen (function) Default: function() {} [ Version 1.2.0 an above ] > > onOpenEnd (function) Default: function() {} [ Version 2.1.0 an above ] > > onClose (function) Default: function() {} [ Version 1.2.0 an above ] > > onCloseEnd (function) Default: function() {} [ Version 2.1.0 an above ] > > >