如何在單擊選單按鈕時使文本消失，但在退出選單時又回傳？
我的努力
$("#menuBtn").click(function() {
if ($("ul").css("display") == "none") {
$("ul").fadeIn();
} else {
$("ul").fadeOut();
}
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button type="button" id="menuBtn">Click</button>
<ul>
<li>Menu</li>
</ul>uj5u.com熱心網友回復：
您的代碼可以正常作業并執行您想要的操作，您只是缺少括號和大括號。嘗試復制此代碼：
$("#menuBtn").click(function() {
if($("ul").css("display") === "none") {
$("ul").fadeIn();
}
else {
$("ul").fadeOut();
}
})
//Fade out when the mouse leaves the menu
$("ul").mouseleave(function() {
$("ul").fadeOut();
})<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button id="menuBtn">Menu button</button>
<ul style="display: none">
<li>Menu item 1</li>
<li>Menu item 2</li>
<li>Menu item 3</li>
</ul>uj5u.com熱心網友回復：
您可以為要隱藏的 html 元素設定一個額外的類（隱藏），以檢測它是否隱藏。然后你可以使用基于 html 元素狀態的 fadeIn() 和 fadeOut()。
$(document).ready(function(){
$(".btn1").click(function(){
if ($("ul").hasClass("hidden")) {
$("ul").removeClass("hidden").fadeIn();
}
else {
$("ul").addClass("hidden").fadeOut();
}
});
});
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/421954.html
標籤：