Hola tengo este script el cual funciona muy bien, pero ¿Cómo haría para que su función la haga horizontalmente? me refiero que no se esconda de abajo para arriba si no que se esconda de derecha a izquierda.
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="button" class="button8" name="nueva_cabana" id="nueva_cabana" value="Mostrar"/>
<script>
$(document).ready(function() {
//$('#anadir_cabana').hide();
$("#nueva_cabana").val('Ocultar');
$("#nueva_cabana").on("click", function(e) {
var $boton = $(this);
$('#anadir_cabana').toggle(500, function() {
$boton.val($(this).is(':visible') ? 'Ocultar' : 'Mostrar');
});
e.preventDefault();
});
});
</script>
<div id="anadir_cabana">ESTE ES EL CONTENIDO!!!</div>