前提・実現したいこと
SlickNavを使ってドロワーメニューを作っています。
領域外をクリックした際にメニューが閉じるようにしたのはいいのですが、その後再度メニューボタンを押してもメニューがすぐには展開されず、2回クリックする必要があります。
領域外クリックでメニューが閉じ、その後1回のクリックで再度メニューが展開するようにするにはどうすればいいでしょうか。
発生している問題・エラーメッセージ
エラーメッセージ
該当のソースコード
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <link rel="stylesheet" href="css/style.css" type="text/css" /> <title></title> </head> <body> <ul id="menu"> <li><a href="#">1</a> <li><a href="#">2</a> <li><a href="#">3</a> </ul> <span id="smart"></span></html><div id="main"> </div> <script src="js/jquery.js"></script> <script src="js/menu.js"></script>
試したこと
$(document).on('click touchend', function(event) {
if (!$(event.target).closest('.tappu_menu').length) {
$('.tappu_nav').slideUp(200);
}
});
を追記しました。
補足情報(FW/ツールのバージョンなど)
ここにより詳細な情報を記載してください。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/09/13 11:34
2018/09/13 14:48
2018/09/15 12:43
2018/09/18 05:39
2018/09/21 14:03
2018/09/29 05:29 編集