La duda principal de tu pregunta queda respondida por jQuery, al hablar de hide()
dicen lo siguiente en una nota, al final:
Note: This method may cause performance issues, especially when used
on many elements. If you're encountering such issues, use performance
testing tools to determine whether this method is causing them.
Moreover, this method can cause problems with responsive layouts if
the display value differs at different viewport sizes.
Nota: Este método puede causar problemas de rendimiento,
especialmente cuando se utiliza en muchos elementos. Si se encuentra
con estos problemas, utilice herramientas de prueba de rendimiento
para determinar si este método los está causando. Además, este método
puede causar problemas con diseños responsivos si el valor de
visualización difiere en diferentes tamaños de ventana gráfica.
Tu otra duda de lo que ocurre cuando usas hide()
también es explicado en la documentación:
With no parameters, the .hide()
method is the simplest way to hide
an element:
$( ".target" ).hide();
The matched elements will be hidden immediately, with no animation.
This is roughly equivalent to calling .css( "display", "none" ),
except that the value of the display property is saved in jQuery's
data cache so that display can later be restored to its initial value.
If an element has a display value of inline and is hidden then shown,
it will once again be displayed inline.
Sin parámetros, el método .hide()
es la forma más sencilla de
ocultar un elemento:
$ (".target").hide();
Los elementos coincidentes se ocultarán inmediatamente, sin
animación. Esto es más o menos equivalente a llamar a .css
("display", "none")
, excepto que el valor de la propiedad de
visualización se guarda en el caché de datos de jQuery para poder
volver a restaurar su valor inicial. Si un elemento tiene un valor
de visualización de inline y está oculto, entonces se mostrará de
nuevo en línea.
La misma advertencia del rendimiento la tienes con respecto a show()
:
Nota: Este método puede causar problemas de rendimiento,
especialmente cuando se utiliza en muchos elementos. Si se encuentra
con estos problemas, utilice herramientas de prueba de rendimiento
para determinar si este método los está causando. Además, este método
puede causar problemas con diseños responsivos si el valor de
visualización difiere en diferentes tamaños de ventana gráfica.
En conclusión
No creo que el uso de hide()
/ show()
sea una buena idea para resolver tu problema.