Welcome to WebmasterWorld Guest from 54.144.243.34

Forum Moderators: incrediBILL

Creating a 'dynamic' FAQ

Looking to learn how specific effect was created

   
9:37 pm on Jan 3, 2013 (gmt 0)



Hello all,

Hopefully I've posted this question in the right category, seemed like the logical place. Anyhow, I'm trying to figure out how to create a specific effect on a page. The best way to describe the effect is to see it in action.

<snip>

If you visit the page, the questions have little drop down arrows. When you click the question, the response appears, or is "extended" below the question. How was that accomplished/ created?

Any thoughts would be most appreciated!

Thanks,
DM

[edited by: incrediBILL at 8:43 am (utc) on Jan 4, 2013]
[edit reason] removed URLs, see forum Charter [webmasterworld.com...] [/edit]

10:30 pm on Jan 3, 2013 (gmt 0)

WebmasterWorld Senior Member lucy24 is a WebmasterWorld Top Contributor of All Time Top Contributors Of The Month



Did you sneak a look at the site's own CSS? That's always my first step. Second step comes when I discover they have twenty-eight separate stylesheets, grr.
1:40 pm on Jan 9, 2013 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Without having seen the site as its been snipped - Id wager theyre using somehting like Jquery's toggle(); to show/hide the questions as required
3:16 pm on Jan 9, 2013 (gmt 0)

WebmasterWorld Senior Member fotiman is a WebmasterWorld Top Contributor of All Time 5+ Year Member Top Contributors Of The Month



I suspect they are using jQuery's slideToggle [api.jquery.com] method.
 

Featured Threads

My Threads

Hot Threads This Week

Hot Threads This Month