gpt4 book ai didi

javascript - 隐藏/显示按钮在 jquery 中不起作用

转载 作者:搜寻专家 更新时间:2023-10-31 22:10:28 24 4
gpt4 key购买 nike

我需要以下代码的帮助,我创建了一个按钮来显示和隐藏一个 div。我对它应用了一些 jQuery。一切对我来说似乎都很好,但仍然无法正常工作,我似乎找不到原因?

$(document).ready(function() {

$("#closeButton").click(function() {
if ($("#closeButton").val() == "Close Drawer") {
$("#topDrawer").hide();
$("#closeButton").val("Open Drawer");
}
if ($("#closeButton").val() == "Open Drawer") {
$("#topDrawer").show();
$("#closeButton").val("Close Drawer");
}
});

});
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="jumbotron" id="topDrawer">
<span id="appName">App Name<span>
</div>
<input type="button" value="Close Drawer" class="btn btn-primary btn-sm" id="closeButton" />

最佳答案

您需要一个 else block 。你的两个 if 条件一个接一个地运行。使用

if ($("#closeButton").val() == "Close Drawer") {
$("#topDrawer").hide();
$("#closeButton").val("Open Drawer");
}
else if ($("#closeButton").val() == "Open Drawer") {
$("#topDrawer").show();
$("#closeButton").val("Close Drawer");
}

关于javascript - 隐藏/显示按钮在 jquery 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50121610/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com