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.
: )
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>
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!