Welcome to WebmasterWorld Guest from 54.146.201.80

Forum Moderators: incrediBILL

Message Too Old, No Replies

Creating a 'dynamic' FAQ

Looking to learn how specific effect was created

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

New User

joined:Jan 3, 2013
posts: 5
votes: 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)

Senior Member from US 

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

joined:Apr 9, 2011
posts:12702
votes: 244


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)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Jan 13, 2003
posts: 1240
votes: 0


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)

Senior Member from US 

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

joined:Oct 17, 2005
posts: 4965
votes: 10


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