Efeitos com jQuery $(document).ready(function(){ $("#ocultar").click(function(event){ event.preventDefault(); $("#capaefectos").hide("slow"); }); $("#mostrar").click(function(event){ event.preventDefault(); $("#capaefectos").show(3000); });}); Camada de Efeitos Aqui voce pode colocar o qualquer coisa!Ocultar a camada | Mostrar a camada Efeitos com jQuery $(document).ready(function(){ $("#ocultar").click(function(event){ event.preventDefault(); $("#capaefectos").hide("slow"); }); $("#mostrar").click(function(event){ event.preventDefault(); $("#capaefectos").show(3000); });}); Camada de Efeitos Aqui voce pode colocar o qualquer coisa!Ocultar a camada | Mostrar a camada Que tal de la manera tradicional Exibir DIVLorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam pulvinar, enim ac hendrerit mattis, lorem mauris vestibulum tellus, nec porttitor diam nunc tempor dui. Aenean orci. Sed tempor diam eget tortor. Maecenas quis lorem. Nullam semper. Fusce adipiscing tellus non enim volutpat malesuada. Cras urna. Vivamus massa metus, tempus et, fermentum et, aliquet accumsan, lectus. Maecenas iaculis elit eget ipsum cursus lacinia. Mauris pulvinar.Ocultar DIV CAIXA DE TEXTO HTML COLOQUE AQUI O CODIGO DA INCORPORACAO DO VIDEO Mostrar / Ocultar ??HTML CodesMostrar / Ocultar ??HTML CodesMostrar / Ocultar ??HTML Codes var ie=document.all;var nn6=document.getElementById&&!document.all;var isdrag=false;var x,y;var dobj;function movemouse(e){ if (isdrag) { dobj.style.left = nn6 ? tx + e.clientX - x : tx + event.clientX - x; dobj.style.top = nn6 ? ty + e.clientY - y : ty + event.clientY - y; return false; }}function selectmouse(e){ var fobj = nn6 ? e.target : event.srcElement; var topelement = nn6 ? "HTML" : "BODY"; while (fobj.tagName != topelement && fobj.className != "dragme") { fobj = nn6 ? fobj.parentNode : fobj.parentElement; } if (fobj.className=="dragme") { isdrag = true; dobj = fobj; tx = parseInt(dobj.style.left+0); ty = parseInt(dobj.style.top+0); x = nn6 ? e.clientX : event.clientX; y = nn6 ? e.clientY : event.clientY; document.onmousemove=movemouse; return false; }}document.onmousedown=selectmouse;document.onmouseup=new Function("isdrag=false"); function min(ID){document.getElementById(ID).style.width = "120px";document.getElementById(ID).style.height = "30px"; }function max(ID){ document.getElementById(ID).style.width = "100%"; document.getElementById(ID).style.height = "100%"; }function restore(ID){ document.getElementById(ID).style.width = "200px"; document.getElementById(ID).style.height = "200px"; } function fecha(ID){document.getElementById(ID).style.display = "none"; }function showHide(ID){document.getElementById(ID).style.display= ""; }Abrir site 1 Abrir site 2 var ie=document.all;var nn6=document.getElementById&&!document.all;var isdrag=false;var x,y;var dobj;function movemouse(e){ if (isdrag) { dobj.style.left = nn6 ? tx + e.clientX - x : tx + event.clientX - x; dobj.style.top = nn6 ? ty + e.clientY - y : ty + event.clientY - y; return false; }}function selectmouse(e){ var fobj = nn6 ? e.target : event.srcElement; var topelement = nn6 ? "HTML" : "BODY"; while (fobj.tagName != topelement && fobj.className != "dragme") { fobj = nn6 ? fobj.parentNode : fobj.parentElement; } if (fobj.className=="dragme") { isdrag = true; dobj = fobj; tx = parseInt(dobj.style.left+0); ty = parseInt(dobj.style.top+0); x = nn6 ? e.clientX : event.clientX; y = nn6 ? e.clientY : event.clientY; document.onmousemove=movemouse; return false; }}document.onmousedown=selectmouse;document.onmouseup=new Function("isdrag=false"); function min(ID){document.getElementById(ID).style.width = "120px";document.getElementById(ID).style.height = "30px"; }function max(ID){ document.getElementById(ID).style.width = "100%"; document.getElementById(ID).style.height = "100%"; }function restore(ID){ document.getElementById(ID).style.width = "200px"; document.getElementById(ID).style.height = "200px"; } function fecha(ID){document.getElementById(ID).style.display = "none"; }function showHide(ID){document.getElementById(ID).style.display= ""; }Abrir site 1 Abrir site 2 Muestra ocultafunction muestra_oculta(id){if (document.getElementById){ //se obtiene el idvar el = document.getElementById(id); //se define la variable "el" igual a nuestro divel.style.display = (el.style.display == 'none') ? 'block' : 'none'; //damos un atributo display:none que oculta el div}}window.onload = function(){/*hace que se cargue la funcion lo que predetermina que div estara oculto hasta llamar a la funcion nuevamente*/muestra_oculta('contenido_a_mostrar');/* "contenido_a_mostrar" es el nombre que le dimos al DIV