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
Post a Comment