Estoy tratando de agregar código JavaScript para mostrar y ocultar contenido con JQuery en mi página HTML. Cuando lo agrego en código HTML o en un archivo javaScript con .js o en bloque de encabezado o pie de página, el código se agrega y se muestra en código HTML pero no funciona. Pero cuando agrego para probar mi mismo código en la consola en la herramienta de desarrollador (Inspeccionar), el código funciona. No puedo entender cuál es el problema. Estoy trabajando en la página: https://radiusofficefurniture.ie/jemini-intro-1200-modular-straight-base-unit-maple-1200masama--1 El código es:

 $(document).ready(function(){ var lenth_2 = $('.add_to_cart_custom .delivery--information').children().length; if( lenth_2 > 1 ){ $('.add_to_cart_custom .delivery--information').hide(); $("p.delivery_custom").parent('.add_to_cart_custom .delivery--information').show(); $(".product_specs2 .item.attr_item_lead_time").hide(); } });

Y también cuando agrego algún otro código JS a esta página para otra funcionalidad, ocurre el mismo problema. Y el problema solo aparece en páginas de productos individuales que tienen el mismo diseño. Para otras páginas, JS funciona cuando agrego Html.