使用show或show in JavaScript
使用show或show in JavaScript
提问于 2016-03-07 20:06:29
我正在使用下面的JavaScript代码。而不是隐藏。我希望如果div是可见的，那么在页面加载时将其隐藏。单击按钮时，它应该是可见的。但目前它正在做相反的事情。
<script type="text/javascript">
$(document).ready(function () {
$("#lnkbtn").click(function () {
if ($('#divreg').is(":hidden")) {
$('#divreg').show(500);
document.getElementById('lnkbtn').innerHTML = "Hide";
} else {
$("#divreg").hide(500);
document.getElementById('lnkbtn').innerHTML = "Show";
}
});
});
</script>HTML：
<asp:Button ID="lnkbtn" runat="server" Text="Additional Details" CausesValidation="False" OnClientClick="return false;" />
<div id="divreg">
<p> Some content here.. </p>
</div>回答 2
Stack Overflow用户
发布于 2016-03-07 20:16:16
在您的小提琴中，您使用"display:none"作为css来隐藏div，但是您正在检查是否使用了:hidden，这意味着它永远不会测试为真；您需要将css更改为"visibility:hidden"，它就会按预期工作。
Stack Overflow用户
发布于 2016-03-07 20:18:29
请参阅此fiddle。
可以在jquery的load上隐藏，查看是否可见隐藏：
if ($('#divreg').is(":visible")) {
$("#divreg").hide();
}然后在click事件上执行hide/show：
$("#lnkbtn").click(function() {
if ($('#divreg').is(":hidden")) {
$('#divreg').show(500);
$('#lnkbtn').val("Hide");
} else {
$("#divreg").hide(500);
$('#lnkbtn').val("Show");
}
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/35843324
复制相关文章
相似问题
腾讯云开发者
