[ 解決済 ] オーバーレイメニューの実装

[joen1900]

オーバーレイメニューの実装で
html
と
css
は追加できましたが
jQueryの
<script src=”https://code.jquery.com/jquery-3.6.0.js”></script&gt;
$(“.overlay-menu-btn”).on(“click”, function () {
const overlayMenu = $(“.overlay-menu”);
const openClass = “open”;

if (!overlayMenu.hasClass(openClass)) {
$(“.overlay-menu-btn span:nth-child(1)”).css({
transform: “rotate(-45deg)”,
top: “10px”
});

$(“.overlay-menu-btn span:nth-child(2)”).css({
opacity: “0”
});

$(“.overlay-menu-btn span:nth-child(3)”).css({
transform: “rotate(45deg)”,
top: “7px”,
border: “1px solid #00c2bc”
});

overlayMenu.addClass(openClass);
overlayMenu.fadeIn(“slow”);
$(“body”).css(“overflow”, “hidden”);
} else {
$(“.overlay-menu-btn span:nth-child(1)”).css({
transform: “rotate(0)”,
top: “0px”
});

$(“.overlay-menu-btn span:nth-child(2)”).css({
opacity: “1”
});

$(“.overlay-menu-btn span:nth-child(3)”).css({
transform: “rotate(0)”,
top: “20px”,
border: “1px solid #999”
});

overlayMenu.removeClass(openClass);
overlayMenu.fadeOut(“slow”);
$(“body”).css(“overflow”, “auto”);
}
});
はどこに追加したらいいのでしょうか。

ご教授の程宜しくお願い致します。

---

該当URL : https://*********

※該当URLはフォーラムライセンスが有効のユーザーにのみ表示されます

[石川＠Vektor,Inc.]

> オーバーレイメニューの実装で

これだけの説明でいきなりコードが書いてあっても何をどうしたいのか理解が難しく、個別の環境の個別のプログラムのカスタマイズなのでフォーラムでの回答は難しいです。ショーケース登録の製作者などに有償でのサポート依頼をご検討ください。

トップページ

[joen1900]

お返事ありがとうございます。
不躾な質問、大変失礼いたしました。
今後も宜しくお願い致します。

[投稿者]

投稿