Pageslider doesn't show

Pageslider doesn't show

Hello,

First of all, English is not my native language so I apologize in advance for any mistakes :)

I was working on an assignment for school, we have to use some jquery plugins in our site. I would like to use a plugin for a pageslider. Downloaded from here:  http://srobbin.com/jquery-plugins/pageslide/ 

Now, my problem is, I can see the second html file being loaded at the bottom of my page, but the pageslider itself isn't visible. Anyone with an idea to solve this?

Here is a piece of my html: 

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Johnny Depp</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
    <script src="Jquery/twitter.js"></script>
    <script src="Jquery/jquery.pageslide.js"></script>
    <link type="text/css" rel="stylesheet" href="CSS/CSS.css">
     <script>
$(document).ready(function () {
    // start jqtweet!
    JQTWEET.loadTweets();
     $("a.first").pageslide();
});
</script>
</head>

<body>
<div id="jstwitter"></div>
    <div>
<a href="HTML/_Secondaryhtml.html" class="first">click here to read more</a>
    <p>
    Lorem ipsum dolor sit amet...
</p>
</div>
<body>

In the second html file I only have a few paragraphs in the body. 


Thanks!

Julia.