$(document).ready(function(){

	// .glossarBox xitem="A" // .glossarHeader // .glossarText // .glossarFilterItem xletter="all"
	
	var slideUpSpeed = 200;
	var	clickedHeadline;
	
	$(".glossarText").hide();
	$(".glossarHeader").click(function () { 
		clickedHeadline = $(".glossarHeader").index(this);
		$(".glossarText").eq(clickedHeadline).slideToggle(slideUpSpeed);
	});

	$(".glossarFilterItem").click(function () { 
		var myLetter = $(this).text();
			// Gesuchte einblenden
		if(myLetter.length > 0){
			$(".glossarBox").hide();
			$(".glossarText").hide();
			$(".glossarBox[xitem*='"+myLetter+"']").show();
		}
			// Alle einblenden
		if($(this).attr("xletter") == 'all'){ 
			$(".glossarText").hide();
			$(".glossarBox").show(); 
		}
	});

});