$(document).ready(function() {
	$(".click-How").click(function () {
	  $(".show-How").toggle();
	});
	
	
	$('.click-How').click(function() {
		$('.nav-panel-How').toggle();
		if($('.nav-panel-What:visible'))
			$('.nav-panel-What').hide();
			if($('.nav-panel-Who:visible'))
				$('.nav-panel-Who').hide();
				if($('.nav-panel-Why:visible'))
					$('.nav-panel-Why').hide();
		return false;
	}); 
	$('.click-Who').click(function() {
		$('.nav-panel-Who').toggle();
		if($('.nav-panel-What:visible'))
			$('.nav-panel-What').hide();
			if($('.nav-panel-How:visible'))
				$('.nav-panel-How').hide();
				if($('.nav-panel-Why:visible'))
					$('.nav-panel-Why').hide();
		return false;
	}); 
	$('.click-What').click(function() {
		$('.nav-panel-What').toggle();
		if($('.nav-panel-How:visible'))
			$('.nav-panel-How').hide();
			if($('.nav-panel-Who:visible'))
				$('.nav-panel-Who').hide();
				if($('.nav-panel-Why:visible'))
					$('.nav-panel-Why').hide();
		return false;
	}); 
	$('.click-Why').click(function() {
		$('.nav-panel-Why').toggle();
		if($('.nav-panel-What:visible'))
			$('.nav-panel-What').hide();
			if($('.nav-panel-Who:visible'))
				$('.nav-panel-Who').hide();
				if($('.nav-panel-How:visible'))
					$('.nav-panel-How').hide();
		return false;
	}); 
	
$('.close-panel').click(function(){
	$('.nav-panel').hide();		  
})
});