Jquery show()

[jaymc]

<script type="text/javascript" src="/lite/cp/js/jquery.js"></script>
<script type="text/javascript">$(document).ready(function(){$('.bann').addClass('clicked');});</script>
<script type="text/javascript" src="/lite/cp/js/plugins.js"></script>
<script type="text/javascript">$(document).ready(function(){$("#page_content_title").show(500);});</script>

 

For some reason when I call $(document).ready(function(){$("#page_content_title").show(500);}); as shown above it works intermittently in chrome upon page refresh. In firefox it never works and in IE it works perfect

 

Im guessing its the order/speed in which the browser is processing, hence it may try and run that code when the #page_content_title div has not been fully registered

 

Any ideas? Anything I can do to test / make it reliably work

[haku]

<script type="text/javascript" src="/lite/cp/js/jquery.js"></script>
<script type="text/javascript" src="/lite/cp/js/plugins.js"></script>
<script type="text/javascript">
  $(document).ready(function()
  {
    $('.bann').addClass('clicked');});
    $("#page_content_title").show(500);
  });
</script>

 

Using two document ready calls will confuse some browsers. You need to combine them.

[jaymc]

I have now used your example but its still doing the same?

 

There are no other instances oF .ready