how to use fadeIn() feature using javascript.

[rdsinchd]

hii everybody i am very much new to java EE nad ollso very much new to this site ...
so i was trying to create a fade in effect using javascript(). i wanted that when i click on (read more) link on my page a div should display with a fading effect.
i ev created a div named read2 in which i have inserted a paragraph whic should be displayed .
the coding is given below-
<div id="read2"><p>this will be displayed on click</p></div>


<p class="links"><a href="javascript:void(0)" class="more" onclick="read()">Read More</a><a href="#" title="b0x"
class="comments">Comments</a></p>
<script type="text/javascript">

function read()
{
$("#read2").fadeIn();
}

</script>
can anyone help me with it ....
i will be very thankfull .....regards RAMAN......

[ECode]

You're using JQuery API, so have you inserted JQUERY right?

<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script>

Then you can use JQuerys cool abilities

[rnd me]

it's much better to take care of things like this using CSS instead of unneeded scripting.