Hacer que div desplegable aparezca desplegado al cargar la pagina
Publicado por Julio (4 intervenciones) el 06/08/2018 01:45:12
Hola tengo este código y necesito un poco de ayuda
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
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<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
Valora esta pregunta
0
