HTML - Jquery Fade In Text Doesn't Show Up

Hello,

I am trying to achieve something in html that im not sure is possible, but i have been told it is.

If I have a line of text with a link, is it possible when someone clicks the link, the line of text changes out and a new line of text pops up?

for example. if i have this:

<p>hello, please click <a href="#">here</a> to change this text</p>

when the user clicks the link, the line pops out and the following line pops in in its place:

<p>hello, this is the new text, please click <a href="#">here</a> to change back to the old text</p>

Is this possible to do with just html (html5?) and css/javascript? if so, how would i go about doing it?

I appreciate any help.

thank you.

Ben.

edit: i no longer need the text to fade, it just has to swap the lines of code on click.

It displays fine in Firefox - what am I doing wrong?
(the image in question is 1/3 of the way down floated to the right of 'Snowshoeing and Winter Walking'
It works if I pop the div inside the h2 tag but doesn't validate...

http://www.colletts.co.uk/new_winter/slidedivcmh.html

Code:

div.floatedright { width: 238px; float: right; margin-left: 21px;}

.righttext {width: 100%; display: inline; text-align:right; color: #211d70; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:normal; font-style:italic; float:right; font-weight:normal; letter-spacing:normal; text-transform: none;}

HTML Code:

<div class="clearer"></div>

	</div>
           <div class="floatedright">
<a rel="shadowbox" href="img/snowshoeing_in_the_dolomites_arabba.jpg" title="Ideas &amp; Information, Maps &amp; Route Laminates" class="option"><img src="img/snowshoeing_in_the_dolomites_arabba_sella.jpg" alt="Snowshoeing on the Sella Shelf above Arabba" width="238" height="267" longdesc="http://www.colletts.co.uk/images/colhol_map.jpg" /></a>
<div class="righttext">Snowshoeing above Arabba</div>
</div>   
          <h2 class="minortitle"><a href="http://www.colletts.co.uk/winter/winter_snowshoeing.html">Snowshoeing</a> and <a href="http://www.colletts.co.uk/winter/winter_snowshoeing.html">Winter Walking</a></h2>   

		    <p>And yet this area is not the exclusive terrain of skiers. Away from the ski fields, a separate winter paradise unfolds for walkers, snowshoers and cross-country skiers. Delightful trails meander alongside rivers and streams, through woodland and across winter meadows between enchanting Tyrolean hamlets and villages, which huddle around the spires of their picturesque churches.</p>
            <p>Higher up, snowshoers experience the exhilaration of virgin snow on a labyrinth of waymarked routes, traversing the hidden snowfields, which undulate between a seemingly unbroken rim of spectacular peaks. Here, you could hear a pin drop, but for the vocal appreciation that persists amongst walkers and is the inevitable result of such an inspirational situation.<br /></p>

www.jessicaloewen.com

You'll see at the very top that the alternate text "menu" shows rather than my jpg Why is this and how do I fix it?

If you click "view image" it will open the proper image in a new menu.

Hi, i am restarting a site. I have the old HTML in text docs that I saved. I am using Cpanel.

The home (index.html) page worked fine. But, from there I am trying to add another page (about_us). So what I am doing is creating a new file, and naming it about_us.html. Then I edit the file and paste in the code.

But when trying to view the page as site.com/about_us it doesnt show up. But if I type site.com/about_us.html it does show up.

The new file is displayed right above the index page in the file manager and all...

I don't want our visitors to have to type ".html" at the end, they won't be likely to remember to anyway. I have no idea why it's doing this because I don't remember doing it before. The navigation bar I used previously used to work but now the links in it don't work because they dont have ".html" at the end of the link. (ex.<a href="http://www.site.com/about_us">About us</a>).