javascript - 当元素在 Javascript 中可见时，它会切换回隐藏状态

Question

当我点击并调用Javascript函数来取消隐藏它再次隐藏的元素时，请提供帮助。需要一秒或更短的时间。

HTML

<asp:Button ID="btnFromCalOpen" Width = "35" runat="server" Text="&gt;"  style="display:none; visibility:hidden;"  OnClientClick ="ShowCal()"  />

Javascript

function ShowCal() {

var elem = document.getElementById('MainContent_CalendarFrom');

if (elem.visibility = "hidden" ) {
    alert("Show");
    elem.style.visibility = "visible";
    elem.style.display = "inline";
}
else {
    alert("Hide");
    elem.style.visibility = "hidden";
    elem.style.display = "none";
}
} 

就像每当我单击按钮时它都会刷新所有元素的样式属性

请帮忙

Answer 1

您的代码中有一个错误/错误

if (elem.visibility = "hidden" ) {

您没有检查 if，而是将其设置为隐藏!

为了避免这种错误，请尝试这种方式/技巧

if ("hidden" == elem.visibility ) {