// JavaScript Document
$(document).ready(function(){ 
	
	var $subHead = $('.subitem').parent(); 	

	//Por padrão todos os subs começam fechados 	
	$('.subitem').parent().children('ul').slideUp('fast'); 
	
	//controle de quem abre e quem fecha, de acordo com a classe
	$($subHead).click(function() {	
		if ($(this).hasClass('clicavel')) {			
			$(this).removeClass('clicavel');
			$(this).addClass('clicado');			
			$(this).children('ul').slideUp('slow'); 	
		} else {
			$(this).removeClass('clicado');
			$(this).addClass('clicavel');
			$(this).children('ul').slideDown('slow'); 				
		}
	});
	

});