• 0

Changing page content with a show/hide approach


Question

I'm building a web page with a menu to the left with 4 links. Each link, when clicked, will update the content on the main page. I am wondering if the same page can stay the same, only the links to the left are used to update the content. How should i approach this? I was thinking of using iframes but is there an alternative? Thanks!

Link to comment
Share on other sites

2 answers to this question

Recommended Posts

  • 0

Utilizing something like the jQuery Accordion to get the effect you want.

Other resources:

http://michaeljacobdavis.com/tutorials/statesavingaccordion.html

http://berndmatzner.de/jquery/hoveraccordion/

http://net.tutsplus.com/tutorials/javascript-ajax/exactly-how-to-create-a-custom-jquery-accordion/

http://css-tricks.com/grid-accordion-with-jquery/

http://www.sohtanaka.com/web-design/simple-accordion-w-css-and-jquery/

Or you can utilize a sticky sidebar + smooth scrolling if you want to keep it as 1 page (where all content is in one file.)

Basically: http://www.sohtanaka.com/web-design/examples/sticky-nav/

Where your navigation is you can either have that as individual pages or you can just create anchor links if you want one page.

Link to comment
Share on other sites

This topic is now closed to further replies.
  • Recently Browsing   0 members

    • No registered users viewing this page.