diff --git a/ignite-template.js b/ignite-template.js
index b0179e8..3b76fd0 100644
--- a/ignite-template.js
+++ b/ignite-template.js
@@ -710,6 +710,18 @@ class IgniteTemplate {
         });
     }
 
+    /**
+     * Hides the element this template is constructing if the value is true.
+     * @param {Boolean|IgniteProperty} value If true hides the element this template is constructing. If an IgniteProperty is passed it's value will auto update this.
+     * @param {Function} converter An optional function to convert the value if needed.
+     * @returns This ignite template so function calls can be chained.
+     */
+    invisible(value, converter = null) {
+        return this.style("visibility", value, true, (...params) => {
+            return ((converter != null && converter(...params)) || (converter == null && params[0])) ? "hidden" : null;
+        });
+    }
+
     /**
      * Shows the element this template is constructing if the value is true.
      * @param {Boolean|IgniteProperty} value 
@@ -722,6 +734,18 @@ class IgniteTemplate {
         });
     }
 
+    /**
+     * Shows the element this template is constructing if the value is true.
+     * @param {Boolean|IgniteProperty} value 
+     * @param {Function} converter 
+     * @returns This ignite template so function calls can be chained.
+     */
+    visibile(value, converter = null) {
+        return this.style("visibility", value, true, (...params) => {
+            return ((converter != null && converter(...params)) || (converter == null && params[0])) ? null : "visible";
+        });
+    }
+
     /**
      * Sets the id attribute of the element to be constructed by this template.
      * @param {String|IgniteProperty} value The value to set for the id attribute of the element this template will construct.