From 0986295ab304047657cf6a2809acbe02d9d95ece Mon Sep 17 00:00:00 2001
From: Rachid Mrad <rachid.mrad@ecstech.com>
Date: Tue, 3 Dec 2024 16:36:38 -0500
Subject: [PATCH] cleanup urbanization JS

---
 src/registrar/assets/src/js/getgov/urbanization.js   | 12 +++++++++---
 .../templates/domain_request_org_contact.html        |  2 +-
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/registrar/assets/src/js/getgov/urbanization.js b/src/registrar/assets/src/js/getgov/urbanization.js
index ea38a31e7..75e87628e 100644
--- a/src/registrar/assets/src/js/getgov/urbanization.js
+++ b/src/registrar/assets/src/js/getgov/urbanization.js
@@ -1,12 +1,18 @@
+import { hideElement, showElement } from './helpers.js';
+
 function setupUrbanizationToggle(stateTerritoryField) {
-    var urbanizationField = document.getElementById('urbanization-field');
+    let urbanizationField = document.getElementById('urbanization-field');
+    if (!urbanizationField) {
+        console.error("Cannot find expect field: #urbanization-field");
+        return;
+    }
     
     function toggleUrbanizationField() {
         // Checking specifically for Puerto Rico only
         if (stateTerritoryField.value === 'PR') { 
-        urbanizationField.style.display = 'block';
+            showElement(urbanizationField);
         } else {
-        urbanizationField.style.display = 'none';
+            hideElement(urbanizationField);
         }
     }
     
diff --git a/src/registrar/templates/domain_request_org_contact.html b/src/registrar/templates/domain_request_org_contact.html
index 280d507a9..53e45dd16 100644
--- a/src/registrar/templates/domain_request_org_contact.html
+++ b/src/registrar/templates/domain_request_org_contact.html
@@ -37,7 +37,7 @@
       {% input_with_errors forms.0.zipcode %}
     {% endwith %}
 
-    <div id="urbanization-field">
+    <div id="urbanization-field" class="display-none">
       {% input_with_errors forms.0.urbanization %}
     </div>