Question

I know this is a bit trivial but I just picked up jQuery tonight to add a little somethin somethin to my practice website, BUT I just cant seem to get this little script I wrote to work. Thanks in advance.

$(document).ready(function(){
    $("p4").fadeTo("slow", 0.25);
    $("p4").mouseover(function(){$("p4").fadeTo("fast",1.00);});
    $("p4").mouseout(function(){$("p4").fadeTo("slow",0.25);});
    });


<div id="p4" align="left">
BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAHfffffffffffffffffffffffffffffffffffffffffff
</div>

I also have some CSS

Answer 1

I imagine your HTML looks like <div id="p4"></div>.

So, you need to use $("#p4") everywhere to find an id, instead of $("p4") (which is actually looking for <p4></p4>).

http://jsfiddle.net/84k7e/