Slide up newsletter subscribe

footer.php

<!-- Slide-In Newsletter -->
		<div class="slide" id="newsletter">
		<a class="newsletter-header" id="news-header"><?php _e('SUBSCRIBE', 'themename'); ?><span class="signup-arrow arrow-up"></span></a>
		<div class="slide-bg">
		<h4 class="bold"><?php _e('SUBSCRIPTION', 'themename'); ?></h4>
		<p><?php _e('Description', 'themename'); ?></p>
		<!-- Begin MailChimp Signup Form -->
		<div id="mc_embed_signup">
			<form action="MAILCHIMPFORMACTION" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
    		<div id="mc_embed_signup_scroll">
	
			<div class="mc-field-group">
				<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
			</div>
			<div id="mce-responses" class="clear">
				<div class="response" id="mce-error-response" style="display:none"></div>
				<div class="response" id="mce-success-response" style="display:none"></div>
			</div>    <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
    		<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="XXXXXXXXX" tabindex="-1" value=""></div>
    		<div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
    		</div>
			</form>
		</div>
		<!--End mc_embed_signup-->
		</div>
	</div>
<!-- End Slide-In Newsletter -->
<!-- for use with waypoints -->
<script>
jQuery(document).ready(function(){
	jQuery('#floating-newsletter').waypoint(function(direction){
		if (direction === 'down'){
			jQuery('.slide').addClass('slide-show');
			jQuery('.slide').removeClass('slide-hide');
			jQuery('.slide').addClass('slide');
		}else if(direction === 'up'){
			jQuery('.slide').addClass('slide-hide');
			jQuery('.slide').removeClass('slide-show');
		}
	}, {offset:'75%'});
	});
</script>

js.js

jQuery(document).ready(function(){
	jQuery('#news-header').click(function(){
		if(jQuery('#newsletter').hasClass('slide-show')){
			jQuery('#newsletter').removeClass('slide-show');
		}else{
			jQuery('#newsletter').addClass('slide-show');
		}
	});
});

style.css

.slide-show{-moz-transform:translateY(-165px);-webkit-transform:translateY(-165px);transform:translateY(-165px);}
.newsletter-header{background-color:#0d2047;border-radius:5px 5px 0 0;width:400px;font-weight:900;color:#fff;padding:5px 15px;margin-right:50px}
.slide-bg{width:300px;right:15%}p.slide-bg{font-size:.8rem!important;line-height:1rem!important}#mc_embed_signup{width:230px!important;margin-top:-15px!important;text-align:center;}
.slide-hide{bottom:0!important}
.slide{z-index:101;right:20px;bottom:0}
#floating-newsletter{position:absolute;bottom:500px;}