<div class="search-container">
	<i class="zmdi zmdi-search zmdi-hc-fw"></i>
	<div class="search-content">
		<i class="ion-android-close"></i>
		<div class="container">
			<div id="search">
				<!-- <h1>{{ text_search }}</h1> -->
				<input type="text" name="search" value="{{ search }}" placeholder="{{ text_search }}" class="form-control input-lg" />
				<button type="button" class="btn btn-default btn-lg"><i class="ion-ios-search-strong"></i></button>
			</div>
		</div>
	</div>
</div>
<script type="text/javascript">
	$(document).ready(function() {
		$('.search-container').click(function() {
			$(this).toggleClass('search-position');
		});
		$('.search-container > i').click(function(){
			$(".search-content").slideToggle();
		});
		$('.search-content .ion-android-close').click(function(){
			$(".search-content").slideToggle();
		});
	});
</script>