jquery - Error in displaying hidden div tag -


i have created web application , in index page there's search button. when user click on search button want display message using jquery fadeout effect. when refresh or reload index page hidden div tag displaying , after display index page. how can prevent this. here code , please me solve this?

<!-- starting unavelable page-->  <div  id="hidden_div" class="hidden_div">      <div class="inner_div"><h2> these services coming soon!</h2></div> </div> <!-- end-->   <script type="text/javascript"> $(document).ready(function(){  // when page loads #content_1 fades in on 4 seconds $('#hidden_div').hide();  // clicking show button fades in content_2 hides content_1 $('#search_botton').click(function(){ $('#hidden_div').fadein(1000); });   $('#hidden_div').click(function(){ $('#hidden_div').fadeout(1000); }); // end document ready }); </script> 

you can hide inline css ;like

<div  id="hidden_div" class="hidden_div" style="display:none;"> 

Comments

Popular posts from this blog

c++ - Creating new partition disk winapi -

Android Prevent Bluetooth Pairing Dialog -

php - joomla get content in onBeforeCompileHead function -