Posted 11 months ago #
http://www.bryanfranklin.com/programs-and-events
When you click on one of the mid-page tab links (ie "Facilitator's Authoring Intensive"), a whole new body of text appears below it without reloading the screen. The tab changes color too.
Anyone know how this effect is done? JQuery? Ajax? A plugin? Custom code?
Posted 11 months ago #
Posted 11 months ago #
Thanks, Jonas.
I could use a hint as to which part of "conditional tags" that would be ...
Posted 11 months ago #
All that seems to be happening there is that the header image is changing. You can do that with if is_page.
Posted 11 months ago #
The header image? It sounds like we might not be talking about the same thing.
What I see changing is the headline and text underneath that series of three tabbed links mid-page.
Click on "Mind, Money & Meaning" and the text underneath changes, without reloading anything else on the page.
Posted 11 months ago #
IDK where you get the idea that the page is not reloading from. The entire page reloads for me.
Posted 11 months ago #
I think Jonas got the wrong end of the stick - what you're looking at is an UI convention called "tabs".
The content is all loaded on the one page, but all but the current "tab" is hidden. jQuery (most likely) is then being used to show the content that you want to view when you click on the relevant tab and hide the others. The tab plug-in will also change the look of the current tab by changing the tab's CSS.
A quick search in Google/Bing/etc for "jQuery tabs" will bring forth a whole load of stuff on the subject, from simple jQuery plug-ins to how to create your own code.
Have fun!
Posted 11 months ago #
@petervandoorn: Aaaah, thank you so much! That's definitely it.
You must log in to post.
