//for show hide layer
$(document).ready(function(){
	
	$(".toggle-wrapper .toggle-btn:first").addClass("toggle-btn");
	$(".toggle-wrapper .toggle-container:not(:first)").hide();

	$(".toggle-wrapper .toggle-btn").click(function(){
		$(this).next(".toggle-container").slideToggle("slow")
		//.siblings(".toggle-container:visible").slideUp("slow");
		$(this).toggleClass("toggle-active");
		//$(this).siblings(".toggle-btn").removeClass("toggle-active");
	});

});
//for signs or code wrapper
$(document).ready(function(){
	
	$(".signs-wrapper .signs:first").addClass("sign-active");
	$(".signs-wrapper .full-code-toggle:not(:first)").hide();

	$(".signs-wrapper .signs").click(function(){
		$(this).next(".full-code-toggle").slideToggle("slow")
		.siblings(".full-code-toggle:visible").slideUp("slow");
		$(this).toggleClass("sign-active");
		$(this).siblings(".signs").removeClass("sign-active");
	});

});