Imprimir Página - [Solucionado] Alternar 2 div con jquery

Título: [Solucionado] Alternar 2 div con jquery
Publicado por: Rata1960 en 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:


<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

Título: Re: Alternar 2 div con jquery
Publicado por: ivancea96 en 1 Diciembre 2017, 15:49 pm

Si quieres reemplazar el elemento completo, tienes replaceWith (http://api.jquery.com/replacewith/).
Si solo quisieras cambiar la clase, tienes removeClass (https://api.jquery.com/removeclass/) y addClass (https://api.jquery.com/addclass/).

Título: Re: Alternar 2 div con jquery
Publicado por: Rata1960 en 2 Diciembre 2017, 19:51 pm

Lo acabo de Resolver de la siguiente manera

Código:


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

Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: Rata1960 en 1 Diciembre 2017, 00:19 am