Good Afternoon, everyone. I am new to this forum so I honestly don't know what to expect. But I wanted to see if I could get some help here with a project that I am working on (No! it is NOT homework). Without giving all the specifies, which would take to much time up, I would like to jump in and give you the details of what I am trying to do.

This application I am going to be showing off some of my work with a slide show of sort with a slide effect. In the click event handler for the links in the 'work list', I wanted to use a slide effect to hide the description (text) of the current work over a duration of one-half second. Trying to use the direction option to slide the description to the right. Here is what my index.html code looks like (the text isn't anything more than Lorem Ispum, right now until I get it working):

<!DOCTYPE HTML>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Work View | By: James</title>
    <!-- jQuery UI style sheet reference. Smoothness is the theme used. -->
    <link href="css/smoothness/jquery-ui-1.8.23.custom.css" type="text/css" rel="stylesheet">    
    <!-- Normal style sheet used for layout and general formatting. -->
    <link href="styles.css" type="text/css" rel="stylesheet">
    <!-- HTML5 shim/shiv for HTML5 section element backward compatibility. -->
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <!-- jQuery library reference. Latest is always referenced from jQuery's CDN. -->
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
    <!-- jQuery UI JavaScript library reference. -->
    <script type="text/javascript" src="js/jquery-ui-1.8.23.custom.min.js"></script>
    <script>
        $(document).ready(function() {
            $("#work_view a").click(function() ...