Código:
<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").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>
el codigo funciona perfectamente cuando yo abro la pagina me sale pero me gustaria hacer que saliera de una ves desplegado de modo que al entrar a la web ya sea visible y salga el boton que diga ocultar en ves de mostrar