Div Visibility

off.the.walls · 02-05-2013 09:20PM #1

So I'm setting up a services page theres a link to the main page in the top navigation. At the bottom there are images that lead to each individual service on the same page.

What I need to do is have it so that this is displaying when people click on the page but isn't displaying when people don't click on it.

What I was thinking was having four pages where each of these divs displays when clicked on to that certain service but is then toggled away when they click on another.

Any Advice?

off.the.walls · 03-05-2013 09:06AM

Found the answer to this was rather easy.

I made 5 different css files

the main services page nothing displays until clicked on

the service 1 page the first option displays and is then toggled it others are clicked

Service 2 2 displays and so on and so forth.

03-05-2013 10:22AM

The maintainability of that sounds like a nightmare. Everytime you need to make a change, you'll have to change 10 files (5*HTML, 5*CSS). Why do you need 5 CSS files? Why not just have one CSS file, use a class to apply the style, and just switch the class around on the different HTML pages?

off.the.walls · 03-05-2013 10:26AM

Didn't think of that!

Div Visibility

Comments