Aquí está mi jquery y div. Quiero ocultar tblMain y hacer que tblmainalt sea visible.
$("btnUpdate").click(function() { alert("button"); $("tblMain").hide(); $("tblMainAlt").show(); }); <div id="tblMainAlt" class="tableSpaced" style="width:auto;height:100%;margin-left:25px;"> <div id="tblMain" class="tableSpaced" style="width:auto;height:100%;margin-left:25px;">Esto se debe a que ha utilizado un selector incorrecto. O tiene que usar el selector ID o CLASS . Al ver su HTML, reemplace su jQuery con el mío y funcionará.
$("#btnUpdate").click(function() { alert("button"); // Remove this line if it worked $("#tblMain").hide(); $("#tblMainAlt").show(); });establecer visualización: ninguno en estilo en tblMainAlt porque se cargó por primera vez una página, así que oculta un div.
He agregado un código de muestra para que puedas probarlo.
JQuery: -
$("#btnUpdate").click(function () { alert("button"); $("#tblMain").hide(); $("#tblMainAlt").show(); }); <div id="tblMainAlt" class="tableSpaced" style="width:auto;height:100%;margin-left:25px;display: none;"> <div id="tblMain" class="tableSpaced" style="width:auto;height:100%;margin-left:25px;">