HTML - If else if

 
Vista:
sin imagen de perfil
Val: 4
Ha aumentado su posición en 3 puestos en HTML (en relación al último mes)
Gráfica de HTML

If else if

Publicado por Alejandro (2 intervenciones) el 19/02/2019 04:46:14
Hola, necesito ayuda porque no logro hacer que el boton se cierre de nuevo cuando le vuelves a dar click, no me funciona el else if, el codigo html es este:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<h2>Tradición y Cultura Queretana</h2>
&nbsp;
 
<button class="button" onclick="abrir();" style="padding: 10px; font-size: 15px; width: 25%;" >2 días y 1 noche</button>
<div id="texto" class="collapscontent" style="display: none;">
 
Lorem ipsum...
 
</div>
<button class="button" onclick="abrir1();" style="padding: 10px; font-size: 15px; width: 25%;">3 días y 2 noche</button>
<div id="texto1" class="collapscontent" style="display: none;">
 
Lorem ipsum...
 
</div>


El JavaScript es este:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<script>
function abrir(){
if('document.getElementById("texto").style.display.none'){
document.getElementById("texto").style.display="inline";
}
else if('document.getElementById("texto").style.display.inline'){
document.getElementById("texto").style.display="none";
}
else{
}
}
</script>
<script>
function abrir1(){
if('document.getElementById("texto1").style.display.none'){
document.getElementById("texto1").style.display="inline";
}
}
</script>
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de ScriptShow
Val: 359
Bronce
Ha mantenido su posición en HTML (en relación al último mes)
Gráfica de HTML

If else if

Publicado por ScriptShow (409 intervenciones) el 19/02/2019 10:53:38
Saludos Alejandro,

a ver si te sirve así:

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
<h2>Tradición y Cultura Queretana</h2>
 
&nbsp;
 
<button class="button" onclick="abrir('texto');" style="padding: 10px; font-size: 15px; width: 25%;" >2 días y 1 noche</button>
 
<div id="texto" class="collapscontent" style="display: none;">
Lorem ipsum...
</div>
 
<button class="button" onclick="abrir('texto1');" style="padding: 10px; font-size: 15px; width: 25%;">3 días y 2 noche</button>
 
<div id="texto1" class="collapscontent" style="display: none;">
Lorem ipsum...
</div>
 
<script>
function abrir(txt){
if(document.getElementById(txt).style.display=="none"){
document.getElementById(txt).style.display="inline";
}
else {
document.getElementById(txt).style.display="none";
}
}
</script>

Espero sea útil.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
2
Comentar
sin imagen de perfil
Val: 4
Ha aumentado su posición en 3 puestos en HTML (en relación al último mes)
Gráfica de HTML

If else if

Publicado por Alejandro (2 intervenciones) el 19/02/2019 19:23:02
Muchas graciaaaaas, me funciona perfectamente!!!!
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar