Evident Interactive - jQuery Showcase

Code
demo

Accordion

This example demonstrates an accordion control.

Question 1
Answer 1
Question 2
Answer 2
Question 3
Answer 3

Do you want some more information regarding this demo ?
Just drop an email to: pot@evident.nl

This is the code you need to activate the plugin


<ul id="faq">
    <li class="question">Question 1</li>
    <li class="answer">Answer 1</li>
	<li class="question">Question 2</li>
	<li class="answer">Answer 2</li>
	<li class="question">Question 3</li>
	<li class="answer">Answer 3</li>
</ul>

<script type="text/javascript">

	$("#faq li.question:first").addClass("open");
	$("#faq li.question:not(.open)").next().hide();

	$("#faq li.question").bind("click", function() {
		$("#faq .open").removeClass("open").next().slideUp();
		$(this).addClass("open").next().slideDown();
	});

</script>