HTML - Botón que al dar click abra un cuadro donde agitar dirección de inicio y dirección de destino

// aquí cree el botón para ocultar el panel

<button class="btn-direction-hide" onclick="btn_hide_panel_direction()">hide how to get</button>

// este es el panel que quiero ocultar

<div id="floating-panel">

      <strong>Start:</strong>

      <input type="text" id="start"/>

      <br>

      <strong>End:</strong>

	  <input type="text" id="end"/>

	  <br>

	  <button onclick="calcRoute()">Calcular</button>

	  <button onclick="clearRoute()">Limpiar</button>

	</div>

// y este es el codigo JQuery con el Show

	function btn_hide_panel_direction() {

		$(".btn-direction-hide").click(function(){

		console.log("prueba oculta");

			$(".floating-panel").hide(1000);

		});

	}

$(".btn-direction-hide").click(function() {

    $("#floating-panel").toggle("slow");

  });