how to hide #apple and when someone clicks on link ....

[queerfm]

Hi I would like to hide parts of the html and show it only when clicked on.

I have the Javascript for the iphone template but i don't know what i can and can't remove. I don't want the sliding effect. Can anyone help

JS code is here
http://www.hypnosiswa.com/iui.js
Thanks

[Twey]

Can you explain better? You want to show parts of the page only when they're clicked on? But how can the user click on something that's hidden?

[queerfm]

i would suggest having a look at http://www.hypnosiswa.com/iphone.html, the html code is how i would like to set up the main site.

I have used these the following in the main html

<link media="only screen and (min-device-width: 489px)" rel="stylesheet" href="css/peter.css" type="text/css">

<link media="only screen and (max-device-width: 480px)" href="iui.css" type="text/css" rel="stylesheet" />

<link media="only screen and (max-device-width: 480px)" href="iui.js" type="application/x-javascript" rel="javascript" />

However i like the sliding effect for the iphone template which is in the .js file however i don't want that for the main site. Also it seems the .JS file tells to list it in a list a would like it look how it does at the moment http://www.hypnosiswa.com

So in other words all i am looking for is a .JS script that will take what ever makes the iphone template hide and show the content.

I hope that helps.

Edit: Wrapped the code in [code][/code] tags