$(document).ready(function(){

	cardReveal = $('.card-reaveal');
	$.each(cardReveal, function(i,card){
		var card = $(card);
		var cardReveal = card.find('.reveal');
		var cardToggler = card.find('.toggler');
		var cardTogglerButton = card.find('.toggler button');
		cardTogglerButton.hover(function(){
			tmpCardReveal = card.find('.reveal');
			if(tmpCardReveal.hasClass('active')){

			}else{
				cardToggler.addClass('partial');
			}
		});
		cardToggler.mouseleave(function(){
			tmpCardReveal = card.find('.reveal');
			if(tmpCardReveal.hasClass('active')){

			}else{
				cardToggler.removeClass('partial');
			}
		});
		cardTogglerButton.click(function(){
			cardReveal.slideToggle('slow');
			cardReveal.toggleClass('active');
		});
	});

});