[Solucionado] Alternar 2 div con jquery

Rata1960 · 1 Diciembre 2017, 00:19 AM

Hola, preciso hacer esto, a ver si me pueden ayudar

Quiero mostrar 1 video en 2 formatos

y estoy viendo como hacer esto y si se puede

Código [Seleccionar]



<div class="Formato1" >
Muestro el video
</div>


<div class="Formato2" >

Muestro el video

</div>

La idea es poner un botón para elegir el formato
por ejemplo si estoy viendo el formato1 toco el boton y recarga con el formato2 y al revés

Espero haber sido claro

Muchas Gracias

ivancea96 · 1 Diciembre 2017, 15:49 PM

Si quieres reemplazar el elemento completo, tienes replaceWith.
Si solo quisieras cambiar la clase, tienes removeClass y addClass.

Rata1960 · 2 Diciembre 2017, 19:51 PM

Lo acabo de Resolver de la siguiente manera

Código [Seleccionar]



function cambiaVisibilidad() {
       var div1 = document.getElementById('precio1');
       var div2 = document.getElementById('precio2');
       if(div2.style.display == 'block'){
           div2.style.display = 'none';
           div1.style.display = 'block';
       }else{
          div2.style.display = 'block';
          div1.style.display = 'none';
         }
   }

<body>

 <div class="show" id="precio1"><p>100€</p></div>
 <div style="display:none;" id="precio2"><p>200€</p></div>
 <div onclick="cambiaVisibilidad()"><a id="accionar">Accionador</a>                 </div>

</body>

y funciona perfecto

Test Foro de elhacker.net SMF 2.1

[Solucionado] Alternar 2 div con jquery

Rata1960

ivancea96

Rata1960