Add hide/show functionality for L.Routing.Control and

L.Routing.Itinerary. Closes #19.

Author: perliedman

css/leaflet-routing-machine.css

@@ -2,6 +2,11 @@
     width: 320px;
     background-color: white;
     padding-top: 4px;
+    transition: margin-right 0.2s ease;
+}
+
+.leaflet-control-container .leaflet-routing-container-hide {
+    margin-right: -340px;
 }
 
 .leaflet-routing-container h2 {

src/L.Routing.Itinerary.js

@@ -31,7 +31,8 @@
 			alternativeClassName: '',
 			minimizedClassName: '',
 			itineraryClassName: '',
-			roundingSensitivity: 1
+			roundingSensitivity: 1,
+			show: true
 		},
 
 		initialize: function(options) {
@@ -40,6 +41,7 @@
 
 		onAdd: function() {
 			this._container = L.DomUtil.create('div', 'leaflet-routing-container leaflet-bar ' +
+				(!this.options.show ? 'leaflet-routing-container-hide' : '') +
 				this.options.containerClassName);
 			L.DomEvent.disableClickPropagation(this._container);
 			L.DomEvent.addListener(this._container, 'mousewheel', function(e) {
@@ -72,6 +74,14 @@
 			return this;
 		},
 
+		show: function() {
+			L.DomUtil.removeClass(this._container, 'leaflet-routing-container-hide');
+		},
+
+		hide: function() {
+			L.DomUtil.addClass(this._container, 'leaflet-routing-container-hide');
+		},
+
 		_createAlternative: function(alt, i) {
 			var altDiv = L.DomUtil.create('div', 'leaflet-routing-alt ' +
 				this.options.alternativeClassName +