The code is set up to slide out of view when the user clicks on the image, but I'm unsure how to make it do the same when the user hits "enter" in the input area.
It's a bit frustrating...
http://jsfiddle.net/mlynn/vxzc6z6y/
JavaScript code:
// sub menus identification
$(function() {
// Code for sliding interaction
});
// newList
$(document).ready(function() {
// Code for new list functionality
});
//clearable
jQuery(function($) {
// CLEARABLE INPUT functionality
});
CSS code:
/* CSS styling */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400, 300, 600);
/* Various CSS styles for layout and design */