Lo que quiero lograr es mantener oculto algunos labels
ya sea a travez de su clase
o de su ID
, lo que estoy tratando de conseguir es un accordion
de manera dinamica en formato horizontal.
Si yo le doy clic en cualquier accordion
este deberia de ocultarme todas las pestañas excepto la que se selecciono, esto ya lo realiza a media, porque cuando los objetos
no seleccionados se ocultan el accorcdion
cambia de tamaño.
Asi se ve cuando se ocultan los elementos de HTML
y cuando ingreso al sistema asi se ve y asi deberia verse en ese mismo tamaño.
Codigo para ocultar elementos:
function ocultarInfo() {
$('#textName1').hide();
$('#textCertificate1').hide();
$('#textRFC1').hide();
$('#textType1').hide();
$('#textCountry1').hide();
$('#textState1').hide();
$('#textAdress1').hide();
$('#textCode1').hide();
$('#textPhone1').hide();
$('.textLBL1').hide();
}
Codigo para mostrar los elementos del Accordion seleccionado
function verInfo(conta) {
if (conta == 2) {
$('#txtNombre' + conta).show();
$('#txtCertificado' + conta).show();
$('#txtRFC' + conta).show();
$('#txtSistema' + conta).show();
$('#txtPais' + conta).show();
$('#txtEstado' + conta).show();
$('#txtTelefono' + conta).show();
$('#txtDireccion' + conta).show();
$('#txtCodigo' + conta).show();
setTimeout(ocultarInfo, 2000);
}
Ya me oculta los elementos solo que cuando lo hace el accordion
cambia de tamaño y los nuevos elementos que deberian de verse no se ven correctamente.