Simple Accordion

/* HTML/PHP */
<div class="accordion">		
	<?php foreach($accordions AS $accordion) : ?>
	<div class="accordion-row col sixcol">
		<a href="#" class="accordion-title"><?php echo $accordion['question'];?></a>
 		<div class="accordion-text"><?php echo $accordion['answer'];?></div>
	</div>
	<?php endforeach;?>	
</div>

/* CSS */
.accordion
{
	overflow: visible;
}
	.accordion-row
	{
		position: relative;
	}
		.accordion-title
		{
			padding: 10px 0;
		}
			.accordion-text
			{
				display: none;
			}
			


/* JQuery */
$(document).ready(function()
{
	if($('.accordion').length > 0)
	{
		$(".accordion-title").click(function(e)
		{
			e.preventDefault();
			$('.accordion-text').slideUp('fast');
			if( !$(this).hasClass('open') )
			{
				$(this).addClass('open').next('.accordion-text').slideDown('fast');
			}
			else
			{	
				$('.accordion-title').removeClass('open');
				$('.accordion-text').slideUp('fast');
			}
		});
	}

});