Home : Forums : Authoring and Programming : Creating accordian javascript

Creating accordian javascript

  You are currently not logged in. You can view the forums, but cannot post messages. Log In | Register
04-Sep-10 22:41
DeleteDelete EditEdit
eman eman's avatar Rank: bronze
Bronze
Posts: 34
From: Durham, NC, USA
I need help developing code for a accordian javascript frame as the one in the link below. Notice where is says overview, print design, web design, etc. on the right side of the web page. The main thing I want to know is how do you keep the first frame (overview) and its content showing without it collapsing when you open the page. Also I want to be able to click on each link without the entire page moving down like in the example in this link. Thanks

http://www.pageprogressive.com/
05-Sep-10 21:59
DeleteDelete EditEdit
matt matt's avatar Rank: gold
Gold
Posts: 3118
From: Southern Highlands, NSW, Australia
Hi eman,

jQuery UI has a nice easy-to-use accordion widget:

http://docs.jquery.com/UI/Accordion

To stop the overall height of the accordion changing, simply give each div within the accordion a fixed height (e.g. style="height: 10em;").

--
Matt Doyle, Elated
Second Edition of my jQuery Mobile book out now! Learn to build mobile web apps. Free sample chapter: http://store.elated.com/
 
New posts
Old posts

Follow Elated