Растягивающийся поиск и исчезающее меню сайта

 
<script>
	$('селектор_поля_поиска').focus(function(){
		$('див_который_будем затенять').append('<div class="див_которым_будем_затенять"></div>');
	});
	$('селектор_поля_поиска').focusout(function(){
		$('див_которым_будем_затенять').remove();
	});
</script>
 
<style>
	.див_который_будем затенять{
		position: relative;
	}
 
	.див_которым_будем_затенять{
		position: absolute;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.5);
		z-index: 1000;
	}
</style>