Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS A “show more” sliding function to reveal more of a page. Re: A “show more” sliding function to reveal more of a page.

#74662
sheepysheep60
Participant

: )

it takes a bit of time to get all this stuff, the important bits are:

1. all that stuff I wrote above, that code should go in the <head> tags of the page.
2. rather than that line that says
<script type=”text/javascript” src=”jquerymin.js”></script>

instead use this one:

<script type=”text/javascript” src=”http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js”></script&gt;

and it will load the code from google, i.e. you don’t have to download and put jquery on your site

3. the markup should be something along the lines of (but not exactly)





... etc


Show some more images

boom. See how the div is called theimages (that’s mentioned in the function) and the link you click has an id of “showmore”, (that’s also mentioned in the function) and is going to make it work…

PS. i’m a bit of a noob too so i hope this works – good luck!