Okay, that is a better explanation.
There is no way to stop the jump with this method but it's a very small issue as the page will still work and be accessible.
Well, if you don't feel it is a big issue, then maybe I'll just chill out and hope any visitors with JS turned off feel the same way!
The only other alternative is as your other live example shows and all slides become visible in the page by default. This is the way that most JS hide and shows work.
Well, true, but see my comments below...
That's the choice you make when you decide on dynamic actions like this.
That is what I was getting at before. (Maybe this is the wrong forum to ask for help with this, but there ought to be a way to dynamically insert the "slide" that applies.)
I would think with PHP, you could just "include" the HTML that you need. And even with HTML, can't you just have a "sub-page" appear when you click on a certain tab instead of having all of the tabs hard-coded into the one page and having to do all this silly hide/un-hide stuff?
In fact, I thought there might be a way to do this using Floats and Positioned Elements (e.g. Relative and Absolute) similar to how Rayzur helped me create both a Drop-Down and Drop-Line submenu. Same concept, right?!
There are actually some css only hide and shows but they are not usually persistent on only work on hover or on focus (have a look at cssplay for loads of examples).
That is what I was originally envisioning...
As an aside it doesn't look like you have allocated enough height in your second demo for the slides to show.
What do you mean?
They look okay in FireFox. Did you have an issue on your computer?
As a rule of thumb you don't want to use images for text as browser text is always best (unless it's just some graphical caption and not really content).
True. I just figured it would be easier to shuffle four images than to have to do all the fancy coding to get the dynamic text working properly.
The other benefit of images is that you get something that is "pixel perfect".
Of course the down-side is that if the images are slow to load or don't load, then you have issues!!