Cacher is the code snippet organizer for pro developers

$(function() {
	$('.push-down, .webcam-push-down').hide();

	var weatherState = 'closed';
	var webcamState = 'closed';

	$("#mtn-stats").on("click", function(){

		if(weatherState === 'closed'){
			weatherState = 'open'
		} else {
			weatherState = 'closed'
		}

		$(this).toggleClass('active');
		$( ".push-down" ).insertAfter("#masthead");
		$( ".push-down" ).slideToggle( "slow", function() {});

		if(webcamState === 'open') {
			webcamState = 'closed';
			console.log('webcamState should equal closed ->',webcamState);
			$( ".webcam-push-down" ).slideToggle( "slow", function() {});
			// $('.webcam-push-down').hide();
		}
		console.log('webcamState->',webcamState);
	});

$(".webcam").on("click", function(){

	if(webcamState === 'closed'){
		webcamState = 'open'
	} else {
		webcamState = 'closed'
	}

	$(this).toggleClass('active');
	$( ".webcam-push-down" ).insertAfter("#masthead");
	$( ".webcam-push-down" ).slideToggle( "slow", function() {});

	if(weatherState === 'open') {
		weatherState = 'closed';
		console.log('weatherState should equal closed ->',weatherState);
		$( ".push-down" ).slideToggle( "slow", function() {});
		// $('.push-down').hide();
	}
		console.log('weatherState->',weatherState);
});


	$('#close-dropdown').on("click", function(){
    	$(this).toggleClass('active');
		$( ".push-down" ).slideToggle( "slow", function() {
  		});
	});

	$('#webcam-close-dropdown').on("click", function(){
    	$(this).toggleClass('active');
		$( ".webcam-push-down" ).slideToggle( "slow", function() {
  		});
	});

});