Question

Please help as when ever i clcik and call Javascript function to unhide an element it turn back hidden again. it takes a second or less.

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";
}
} 

it like when ever i click on the button it refresh its style properties of all elements

Please help

Answer 1

You have an error/bug on your code here

if (elem.visibility = "hidden" ) {

you not check for the if, but you set it hidden !

To avoid this kind of errors try this way / trick

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