フルスクリーンメニューをクリックしたら、自動的に閉じる仕組みを実装したい

Question

フルスクリーンメニューをクリックしたら、自動的に閉じる仕組みを実装したい

前提

こちらのサイトで紹介されている、フルスクリーンのメニューを実装しようとしております。

このうち、”Slide in from Top”について実装したいと思います。
(jQueryは下記の通りです)

/* Open */
function openNav() {
    document.getElementById("myNav").style.height = "100%";
}

/* Close */
function closeNav() {
    document.getElementById("myNav").style.height = "0%";
}

実現したいこと

フルスクリーンで出てくるメニューのリンクをクリックしたら、指定したリンク先に移動すると共に、フルスクリーンメニューも自動的に閉じるようにしたいと考えております。
（意味分かりますでしょうか・・・？）

方法等ご存知でしたら、ご教示頂けますとありがたく存じます。

Comments

[x_x]

「Slide in from the side」、「Slide down from the top」ならありますが、どちらのことでしょうか？

[yafoo]

すみません、Slide down from the top　の方です・・・

[yambejp]

例示のソースにjQuery感はありませんが処理はjQueryでよろしいのでしょうか？

Answer 1

リンクのonclick属性にcloseNav()を一つずつ追加するか、
jQueryのイベントハンドラでclickイベントを取ってきましょう。

// overlay-contentクラス内のリンクを押すとフルスクリーンを解除
$(".overlay-content a").on("click", function() {
  closeNav();
})

Comments

[yafoo]

無事解決できました！
（非常に単純なことでしたね・・・）

今後とも、何卒宜しくお願い致します。