title: jquery show function, fades out the popup in some time
body: <p>The jquery popup I created using the jquery show function, fades away in few seconds which is not intended.
  I want the popup to stay...</p>
  
  <p>How can i tell jquery to do so?</p>
  
  <p>heres is my code,</p>
  
  <pre><code>jQuery(document).ready(function(){
  jQuery('#popuup_div.popup_msg').hide();
  $(a.xyz).click(function(e)
  {
    var height = jQuery('#popuup_div').height();
    var width = jQuery('#popuup_div').width();
    leftVal=e.pageX-(width/1.5)+"px";
    topVal=e.pageY-(height/13)+"px";
  
    jQuery('#popuup_div').css({left:leftVal,top:topVal}).show();
  });
  
  jQuery('#image').click(function(e)
  {
  jQuery('#popuup_div').fadeOut('fast');
  });
  });
  
  html
  
  &lt;div id='popuup_div' class='popup_msg'&gt;
  &lt;div id='image'&gt;
   gets the image 
  &lt;/div&gt;
   &lt;br&gt;
  some message
   &lt;/div&gt;
  
  css:
  
  .popup_msg{
  position:absolute;
  z-index:100;
  width:700px;
  height:250px;
  text-align:justify;
  color:Black;
  font: 14px Verdana, Arial, Helvetica, sans-serif;
  background-color:yellow;
  }
  </code></pre>