Changing CSS display block using jQuery not working?

Question

I am attaching my jsfiddle demo where I have a simple div tag with display set as none at first. On button click I want the display to be set as block so it is visible. I been trying to figure this out for the longest time and I cannot see what am I doing wrong. Help appreciated!

Here is my fiddle.

Jquery:

$(document).ready(function() {
     $('#go').click(function() {
         $("#warningMessage").css("display", "block");
     });
 });

HTML:

<a id="go" href="#" >Show text</a>

<div id = "warningMessage" class="testClass" style="display: none;">
    <p id="warningMsg" > Status change action would not be saved until you click Save button. </p>
<div>

Thanks!!

Always check to the console for errors. That would have told you $ was undefined. — Sean Wessell, Jan 22 '16 at 20:17
Ok please close this question. I found the root cause to my issue as Draco stated. — HereToLearn_, Jan 22 '16 at 20:26

score 0 · Accepted Answer · answered Jan 22 '16 at 20:14

0

Your issue is that you didn't include jQuery. Your code works fine.

answered Jan 22 '16 at 20:14

Draco18s no longer trusts SE

15,628
3
36
56

thanks Draco for the helpful answer. Looks like everyone else is ready to beat me up lol – HereToLearn_ Jan 22 '16 at 20:27
Rep's just a number, don't take it personally. Learn from your mistakes: use the console, search SO more carefully, explain your problem to a rubber duck. – Draco18s no longer trusts SE Jan 22 '16 at 20:35

Changing CSS display block using jQuery not working?

1 Answers1