jquery(document).ready(function($){
	//open the lateral panel
	$('.c1-btn').on('click', function(event){
		event.preventdefault();
		$('.c1').addclass('is-visible');
	});	

	//clode the lateral panel
	$('.c1').on('click', function(event){
		if( $(event.target).is('.c1') || $(event.target).is('.cd-panel-close') ) { 
			$('.c1').removeclass('is-visible');
			event.preventdefault();
		}
	});
	
	//open the lateral panel
	$('.c2-btn').on('click', function(event){
		event.preventdefault();
		$('.c2').addclass('is-visible');
	});
	
	//clode the lateral panel
	$('.c2').on('click', function(event){
		if( $(event.target).is('.c2') || $(event.target).is('.cd-panel-close') ) { 
			$('.c2').removeclass('is-visible');
			event.preventdefault();
		}
	});
});