Hey

 

I am trying to put a slide section on my website,

 

What i am trying to do is have a button if i click then the image slides down to revel more info.

 

If someone can point me in the right direct to find out how to do this would be great.

This can be done it jquery and javascript.

 

 

http://api.jquery.com/show/

 

I hope this will help you so far.

hi,

 

i have had a look at this and it is not what i need.

 

behind the more info button there is some information.

 

The page directed wants me to key the item each time, is there anyway of doing this and typing the code so its hidden and then when u click more info it drops to show the hidden, i thought there was a js script that did this without me having to key in every section

A simple solution, without the use of any complicated JavaScript will be he use of CSS pseudo elements behaviors, you don't be able to have any sliding animation but you will achieve to show the hidden information, otherwise you will need to deal with JavaScript:

 

HTML:

<a href="#">show text<span class="hiddenText">text</span></a>

 

CSS:

a:link .hiddenText, a:visited .hiddenText{ display: none; position: absolute; }

 

a:hover .hiddenText, a:active .hiddenText { display: block; }

ok

 

that did not work.

 

what i am trying to do is something that has been done on this site, www.rhysbartless.com

 

when you click more info the image drops to revel text.

website is www.rhysbartlett.com