我需要以下代码的帮助,我创建了一个按钮来显示和隐藏一个 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/