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
<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
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/).
Lo acabo de Resolver de la siguiente manera
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