Jquery fadeIn not working and I can not find the solution to the issue -


i can't seem jquery fadein working on h1 element. have checked see if jquery has been activated using alert message, doesn't seem working on element.

html code:

<div id="f1" class="banner-quote">     <h1>"text"</h1> </div> 

jquery code:

<script type="text/javascript"> $(document).ready(function(){     $("#f1").fadein(1000); }); </script> 

could in relation css or there in code missing?

set css on default display: none . otherwise, not showing fadein effect

$(document).ready(function() {    $("#f1").fadein(1000);  });
#f1{  display:none;  }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>  <div id="f1" class="banner-quote">    <h1>"text"</h1>


Comments

Popular posts from this blog

PHP and MySQL WP -

android - InAppBilling registering BroadcastReceiver in AndroidManifest -

go - golang pprof for c library code -