JQuery Sliding Text effect in DW

Question

Hi there,
I'm trying to create text that slides in across the page and stops in the middle. I read that jQuery is useful for this but am really not sure how to write the code. So far what i've written under the Spry Effects.js document of my file has not produced any effect when i view the page on Live View or in a browser. I'm using Dreamweaver cs4 so i know don't need to install a jquery plugin. This is what i've written for it so far:
Source code:
#slider {
color:#FFF
height:100px
width:200px
<div id="slider">Content for id slider Goes Here</div>
Spry Effects.js:
//JQuery
<script src="jquery.js" type="text/javascript"></script>
    $(document).ready(function(){
        $("slider").hide();
                    $("slider").slideIn('fast');
What do i need to change or add?? I truly appreciate any help...
rae

Answer 1

Thank you David for giving this brief tutorial about how to use jquery in DW as I could find very little in the DW help files or at the http://www.w3schools.com/jquery/default.asp page. That page tells us to link to the core library and about document ready but not that we should link to a jquery plugin link. Is there anything else we should know?
I also noticed in CS6 that when I click to insert jQuery nothing shows.
Why is that? Is it because I am not linked to the jQuery core library or plugins?
Since Spry is dead I would like to learn more about jQuery and have been reading up on it but so far not coming across using it in DW. Could you or someone else point me in the right direction.
VL Branko