Question

I’m having trouble making a div show up using javascript.

<div class=" notification success">
 <a href="#" class="close-notification" title="Hide Notification" rel="tooltip">x</a>
 <p>An email has been sent confirming your identity.</p></div> 

 <script type="text/javascript"> 
     var notification = '.notification';
      $(notification).show();      
</script>       
</div>

Any ideas?

Answer 1

Place your jquery js in a document.ready() otherwise you cant ensure that the DOM is fully loaded and ready.

Your need is just a one liner like so

$(document).ready(function()
{
    $('.notification').show();
});