jQuery toggle() not working in FF3.0.12

Question

Hi All, I have a jquery code(toggel) which is working fine in IE6 but not in FF3. what can be the reason or workaround.

 <button>Toggle Me</button>
  <p>Hi</p>
  <p>Learning JQuery</p>

Jquery:

 $(function() {
        $("button").click(function() {
            $("p").toggle("slow")
        });
    });

CSS:

p 
   { background:#dad;
     font-weight:bold;
     font-size:16px; 


     }

Answer 1

I would be inclined to use

<input type="button" ID="button" value="Toggle Me" />

instead of

<button>

and then change your code to

 $(function() {
        $("#button").click(function() {
            $("p").toggle("slow");
        });
    });

You were missing a ; after toggle("slow") which IE may forgive you for but other browsers may be less forgiving.

Working Demo