Question

Below is my div:

<div id="popup" onClick="hidePopup" style="display:none; position: absolute; 
top: 30px; 
left: 50%; margin-left: -85px; height: 185px; width: 170px; background-color:grey; 
z-index:99; border-style:solid; border-width:1px; 
-webkit-border-radius: 8px;">Message</div>'

here are my two functions:

   function popup(){
     $('#popup').show();
    }
    function hidePopup(){
     $('#popup').hide();
    }

Function popup works fine and hows the above div. but when I click on the abive div, hidePopup fails to hide the div. Is there a simple error in my code or is there some other reason for this?

Thanks

Answer 1

<div id="popup" onClick="hidePopup();" style="display:none; position: absolute; 

instead of

<div id="popup" onClick="hidePopup;" style="display:none; position: absolute; 

note these brackets ()