Comments on: Fancy FAQs with MooTools Sliders: Version 2

By: rolandtom

rolandtom — Fri, 26 Aug 2011 12:02:38 +0000

Dan, great addition!

By: Dan

Dan — Tue, 22 Feb 2011 13:14:26 +0000

Using this on my site with the following CSS for a nice show hide text change:

#faqs h3:after { content: " - show"; } #faqs h3.active:after { content: " - hide"; }

Nice one on this simple but powerful little script David! Thanks

By: Mert

Mert — Sun, 23 Jan 2011 17:12:45 +0000

good idea and good work. thanks…

By: Tony Z

Tony Z — Sat, 13 Nov 2010 01:08:11 +0000

Great stuff. A couple of things I would be interested in.
1. Code to show all or hide all answers.
2. Ability to restrict to only show 1 answer at a time (auto close when another question is selected).

Any

By: Vilius

Vilius — Sat, 02 Oct 2010 18:09:57 +0000

Is there a simple way to let only one item active ?

By: Eliot Slevin

Eliot Slevin — Fri, 30 Jul 2010 19:54:50 +0000

i have no experience in js, but is it possible to have one question close when another is opened?

thanks

By: Martin

Martin — Wed, 03 Mar 2010 10:10:45 +0000

Hi David – or anybody here to help me?

Is it possible:
1. Turn the animation off?
2. Click anywhere to close the open part(s)?

I´m sitting here and can´t get it right…

Thanks for help!!

Martin

By: Matt

Matt — Mon, 25 Jan 2010 21:56:05 +0000

Hey guys,

it’s been some time since i’ve been here but I wanted to know if I had a link within an email can I have this link to the page with the question already open?

By: Mariano

Mariano — Thu, 31 Dec 2009 00:53:46 +0000

[!DOCTYPE HTML...
[html...
[head
[script src=http://code.jquery.com/jquery-latest.js...

$(function() {
// 1. hide the faqs
$(‘#faqs h3′).next().hide();

// 2. show when clicked
$(‘#faqs h3′).click(function() {
$(this).toggleClass(‘active’).next().slideToggle();
});
});

[/script]
[style type="text/css"]
#faqs h3 { cursor:pointer; }
#faqs h3.active { color:#d74646; }
#faqs div { height:0; overflow:hidden; }
[/style]
[/head]
[body]
[div id="faqs"]
This is question 1

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae….

This is question 2

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae….

By: Mariano

Mariano — Thu, 31 Dec 2009 00:50:22 +0000

@Dave Jones:

I upload it code, but it not work.
Some idea?

$(function() {
// 1. hide the faqs
$(‘#faqs h3′).next().hide();

// 2. show when clicked
$(‘#faqs h3′).click(function() {
$(this).toggleClass(‘active’).next().slideToggle();
});
});

#faqs h3 { cursor:pointer; }
#faqs h3.active { color:#d74646; }
#faqs div { height:0; overflow:hidden; }

This is question 1

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae….

This is question 2

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae….