View Full Version : how to hide #apple and when someone clicks on link ....

01-07-2008, 05:25 PM
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

01-07-2008, 05:30 PM
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?

01-08-2008, 04:53 AM
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.

Wrapped the code in