{"id":19918,"date":"2026-10-14T04:05:16","date_gmt":"2026-10-14T04:05:16","guid":{"rendered":"https:\/\/animation-addons.com\/?post_type=docs&p=19918"},"modified":"2026-10-14T04:05:20","modified_gmt":"2026-10-14T04:05:20","slug":"conditional-display","status":"publish","type":"docs","link":"https:\/\/animation-addons.com\/docs\/v4-extentions\/conditional-display\/","title":{"rendered":"Conditional Display"},"content":{"rendered":"\n<style>\nhtml{scroll-behavior:smooth;scroll-padding-top:110px}\n.aa-card>.wp-block-group__inner-container>*,.aa-mini>.wp-block-group__inner-container>*,.aa-callout>.wp-block-group__inner-container>*,.aa-row>.wp-block-group__inner-container>*,.aa-final>.wp-block-group__inner-container>*{margin-top:0!important;margin-bottom:0!important}\n.aa-card>.wp-block-group__inner-container>*+*{margin-top:18px!important}\n.aa-row>.wp-block-group__inner-container>*+*{margin-top:8px!important}\n.aa-mini>.wp-block-group__inner-container>*+*{margin-top:2px!important}\n.aa-final>.wp-block-group__inner-container>*+*{margin-top:10px!important}\n.aa-card p,.aa-row p,.aa-callout p,.aa-final p{line-height:1.65}\n.aa-mini p{line-height:1.35}\n.aa-card figure,.aa-row figure{margin:0}\n.aa-mini{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}\n.aa-mini:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(15,23,42,.08);border-color:#f05a35!important}\n.aa-row{transition:background .2s ease;border-radius:10px}\n.aa-row:hover{background:#fafbfc}\n.aa-steps{list-style:none!important;margin:0!important;padding:0!important;counter-reset:aa}\n.aa-steps li{counter-increment:aa;position:relative;padding:3px 0 3px 46px!important;margin:0 0 14px!important;min-height:32px;line-height:1.6}\n.aa-steps li:last-child{margin-bottom:0!important}\n.aa-steps li::before{content:counter(aa);position:absolute;left:0;top:0;width:32px;height:32px;border-radius:50%;background:#fff1ec;color:#f05a35;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center}\n.aa-pill{display:inline-block;font-size:12px;font-weight:600;line-height:1;padding:5px 10px;border-radius:999px;background:#f1f5f9;color:#475569;margin-right:6px;vertical-align:1px}\n.wp-block-details.aa-acc{border:1px solid #e5e7eb;border-radius:12px;background:#fff;margin:0;overflow:hidden;transition:box-shadow .2s ease}\n.wp-block-details.aa-acc+.wp-block-details.aa-acc{margin-top:12px}\n.wp-block-details.aa-acc:hover{box-shadow:0 6px 18px rgba(15,23,42,.06)}\n.wp-block-details.aa-acc summary{cursor:pointer;font-weight:600;padding:14px 20px;line-height:1.5;list-style:none;display:flex;justify-content:space-between;align-items:center}\n.wp-block-details.aa-acc summary::-webkit-details-marker{display:none}\n.wp-block-details.aa-acc summary::after{content:\"+\";font-size:22px;line-height:1;color:#f05a35;transition:transform .2s ease}\n.wp-block-details.aa-acc[open] summary::after{transform:rotate(45deg)}\n.wp-block-details.aa-acc[open] summary{background:#fff7f4;border-bottom:1px solid #fde1d8}\n.wp-block-details.aa-acc>*:not(summary){margin:0!important;padding:16px 20px}\n.wp-block-details.aa-acc table{margin:0}\n@media(max-width:600px){.aa-card{padding:20px!important}}\n.aa-card>.wp-block-group__inner-container,.aa-mini>.wp-block-group__inner-container,.aa-callout>.wp-block-group__inner-container,.aa-row>.wp-block-group__inner-container,.aa-rows>.wp-block-group__inner-container,.aa-final>.wp-block-group__inner-container{padding:0!important}\n<\/style>\n\n\n\n<p class=\"has-text-color wp-block-paragraph\" style=\"color:#64748b;margin-top:0;margin-bottom:24px;font-size:18px;line-height:1.65\">Show or hide a form field based on what the visitor already filled in. Ask only the questions that matter. No code needed.<\/p>\n\n\n\n<div class=\"wp-block-group is-layout-grid wp-container-core-group-is-layout-a3754bcf wp-block-group-is-layout-grid\" style=\"margin-top:0;margin-bottom:16px\">\n<div class=\"wp-block-group aa-mini has-border-color has-background\" style=\"border-color:#e5e7eb;border-width:1px;border-radius:14px;background-color:#f8fafc;padding-top:16px;padding-right:18px;padding-bottom:16px;padding-left:18px\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-3e33a9f7 wp-block-group-is-layout-constrained\">\n<p class=\"has-text-color wp-block-paragraph\" style=\"color:#64748b;font-size:12px;font-weight:700;letter-spacing:0.08em;line-height:1.4\">WORKS ON<\/p>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"font-size:17px;font-weight:600;line-height:1.4\">AAE Form fields<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group aa-mini has-border-color has-background\" style=\"border-color:#e5e7eb;border-width:1px;border-radius:14px;background-color:#f8fafc;padding-top:16px;padding-right:18px;padding-bottom:16px;padding-left:18px\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-3e33a9f7 wp-block-group-is-layout-constrained\">\n<p class=\"has-text-color wp-block-paragraph\" style=\"color:#64748b;font-size:12px;font-weight:700;letter-spacing:0.08em;line-height:1.4\">USE IT TO<\/p>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"font-size:17px;font-weight:600;line-height:1.4\">Show or hide<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group aa-mini has-border-color has-background\" style=\"border-color:#e5e7eb;border-width:1px;border-radius:14px;background-color:#f8fafc;padding-top:16px;padding-right:18px;padding-bottom:16px;padding-left:18px\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-3e33a9f7 wp-block-group-is-layout-constrained\">\n<p class=\"has-text-color wp-block-paragraph\" style=\"color:#64748b;font-size:12px;font-weight:700;letter-spacing:0.08em;line-height:1.4\">PLAN<\/p>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"font-size:17px;font-weight:600;line-height:1.4\">Pro<\/p>\n<\/div><\/div>\n<\/div>\n\n\n\n<p class=\"has-text-color wp-block-paragraph\" style=\"color:#f05a35;margin-top:56px;margin-bottom:8px;font-size:13px;font-weight:700;letter-spacing:0.08em;line-height:1.2\">BEFORE YOU START<\/p>\n\n\n\n<h2 id=\"requirement\" class=\"wp-block-heading\" style=\"margin-top:0;margin-bottom:16px;font-size:30px;font-weight:700;line-height:1.25\">Requirement<\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-grid wp-container-core-group-is-layout-a3754bcf wp-block-group-is-layout-grid\" style=\"margin-top:0;margin-bottom:16px\">\n<div class=\"wp-block-group aa-mini has-border-color has-background\" style=\"border-color:#e5e7eb;border-width:1px;border-radius:14px;background-color:#f8fafc;padding-top:16px;padding-right:18px;padding-bottom:16px;padding-left:18px\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-3e33a9f7 wp-block-group-is-layout-constrained\">\n<p class=\"has-text-color wp-block-paragraph\" style=\"color:#64748b;font-size:12px;font-weight:700;letter-spacing:0.08em;line-height:1.4\">ELEMENTOR<\/p>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"font-size:17px;font-weight:600;line-height:1.4\">V4 Atomic<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group aa-mini has-border-color has-background\" style=\"border-color:#e5e7eb;border-width:1px;border-radius:14px;background-color:#f8fafc;padding-top:16px;padding-right:18px;padding-bottom:16px;padding-left:18px\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-3e33a9f7 wp-block-group-is-layout-constrained\">\n<p class=\"has-text-color wp-block-paragraph\" style=\"color:#64748b;font-size:12px;font-weight:700;letter-spacing:0.08em;line-height:1.4\">ANIMATION ADDONS<\/p>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"font-size:17px;font-weight:600;line-height:1.4\">Free<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group aa-mini has-border-color has-background\" style=\"border-color:#e5e7eb;border-width:1px;border-radius:14px;background-color:#f8fafc;padding-top:16px;padding-right:18px;padding-bottom:16px;padding-left:18px\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-3e33a9f7 wp-block-group-is-layout-constrained\">\n<p class=\"has-text-color wp-block-paragraph\" style=\"color:#64748b;font-size:12px;font-weight:700;letter-spacing:0.08em;line-height:1.4\">ANIMATION ADDONS PRO<\/p>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"font-size:17px;font-weight:600;line-height:1.4\">Active license<\/p>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group aa-callout has-border-color has-background\" style=\"border-color:#fed7aa;border-width:1px;border-radius:12px;background-color:#fff7ed;margin-top:16px;margin-bottom:0;padding-top:14px;padding-right:18px;padding-bottom:14px;padding-left:18px\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-1181cb02 wp-block-group-is-layout-constrained\">\n<p class=\"wp-block-paragraph\"><strong>Tip:<\/strong> Install and activate both Animation Addons plugins before you start. The <strong>Form<\/strong> widget comes with the free plugin.<\/p>\n<\/div><\/div>\n\n\n\n<p class=\"has-text-color wp-block-paragraph\" style=\"color:#f05a35;margin-top:56px;margin-bottom:8px;font-size:13px;font-weight:700;letter-spacing:0.08em;line-height:1.2\">STEP 1<\/p>\n\n\n\n<h2 id=\"enable-the-extension\" class=\"wp-block-heading\" style=\"margin-top:0;margin-bottom:16px;font-size:30px;font-weight:700;line-height:1.25\">Enable the Extension<\/h2>\n\n\n\n<div class=\"wp-block-group aa-card has-border-color has-background\" style=\"border-color:#e5e7eb;border-width:1px;border-radius:16px;background-color:#ffffff;padding-top:28px;padding-right:28px;padding-bottom:28px;padding-left:28px;box-shadow:0 4px 24px rgba(15,23,42,0.06)\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-0cb15eab wp-block-group-is-layout-constrained\">\n<p class=\"wp-block-paragraph\" style=\"margin-top:0;margin-bottom:0\">Turn on the extension from your dashboard. You only need to do this once.<\/p>\n\n\n\n<ol class=\"wp-block-list aa-steps\">\n<li>From your <strong>WordPress Dashboard<\/strong>, go to <strong>Animation Addon > Extensions<\/strong>.<\/li>\n\n\n\n<li>Open the <strong>Elementor V4 (Atomic)<\/strong> tab, then click <strong>Form<\/strong>.<\/li>\n\n\n\n<li>Under <strong>Form Extensions<\/strong>, turn on <strong>Conditional Display<\/strong>.<\/li>\n\n\n\n<li>Click <strong>Save Settings<\/strong>.<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6ad20ecc16906&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6ad20ecc16906\" class=\"aligncenter size-full has-custom-border wp-lightbox-container\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1260\" height=\"410\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2026\/10\/conditional-display-v4-00-enable-extension.webp\" alt=\"Enable Conditional Display extension\" class=\"has-border-color wp-image-19919\" style=\"border-color:#e5e7eb;border-width:1px;border-radius:12px\" srcset=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2026\/10\/conditional-display-v4-00-enable-extension.webp 1260w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2026\/10\/conditional-display-v4-00-enable-extension-300x98.webp 300w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2026\/10\/conditional-display-v4-00-enable-extension-1024x333.webp 1024w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2026\/10\/conditional-display-v4-00-enable-extension-768x250.webp 768w\" sizes=\"(max-width: 1260px) 100vw, 1260px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">Conditional Display Extension (click to zoom)<\/figcaption><\/figure>\n<\/div><\/div><\/div>\n\n\n\n<p class=\"has-text-color wp-block-paragraph\" style=\"color:#f05a35;margin-top:56px;margin-bottom:8px;font-size:13px;font-weight:700;letter-spacing:0.08em;line-height:1.2\">STEP 2<\/p>\n\n\n\n<h2 id=\"open-conditional-display\" class=\"wp-block-heading\" style=\"margin-top:0;margin-bottom:16px;font-size:30px;font-weight:700;line-height:1.25\">Open Conditional Display<\/h2>\n\n\n\n<div class=\"wp-block-group aa-card has-border-color has-background\" style=\"border-color:#e5e7eb;border-width:1px;border-radius:16px;background-color:#ffffff;padding-top:28px;padding-right:28px;padding-bottom:28px;padding-left:28px;box-shadow:0 4px 24px rgba(15,23,42,0.06)\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-0cb15eab wp-block-group-is-layout-constrained\">\n<p class=\"wp-block-paragraph\" style=\"margin-top:0;margin-bottom:0\">Add a <strong>Form<\/strong> to your page. Then pick the field you want to show or hide.<\/p>\n\n\n\n<ol class=\"wp-block-list aa-steps\">\n<li>Open your page with the <strong>Elementor Editor<\/strong>.<\/li>\n\n\n\n<li>Select a field inside your form, for example the <strong>Message<\/strong> field.<\/li>\n\n\n\n<li>In the <strong>General<\/strong> tab, open the <strong>Settings<\/strong> section.<\/li>\n\n\n\n<li>Click the small button next to <strong>Conditional Display<\/strong>.<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6ad20ecc1706d&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6ad20ecc1706d\" class=\"aligncenter size-full has-custom-border wp-lightbox-container\"><img decoding=\"async\" width=\"450\" height=\"900\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2026\/10\/conditional-display-v4-01-open-section.webp\" alt=\"Conditional Display row in the Settings section\" class=\"has-border-color wp-image-19920\" style=\"border-color:#e5e7eb;border-width:1px;border-radius:12px\" srcset=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2026\/10\/conditional-display-v4-01-open-section.webp 450w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2026\/10\/conditional-display-v4-01-open-section-150x300.webp 150w\" sizes=\"(max-width: 450px) 100vw, 450px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">Conditional Display in the Settings section (click to zoom)<\/figcaption><\/figure>\n<\/div>\n\n\n<div class=\"wp-block-group aa-callout has-border-color has-background\" style=\"border-color:#bfdbfe;border-width:1px;border-radius:12px;background-color:#eff6ff;margin-top:16px;margin-bottom:0;padding-top:14px;padding-right:18px;padding-bottom:14px;padding-left:18px\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-1181cb02 wp-block-group-is-layout-constrained\">\n<p class=\"wp-block-paragraph\"><strong>Note:<\/strong> You can use Conditional Display on form fields, on a <strong>Flexbox<\/strong> or <strong>Div Block<\/strong> inside the form, and on <strong>Heading<\/strong> and <strong>Paragraph<\/strong> elements.<\/p>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n<p class=\"has-text-color wp-block-paragraph\" style=\"color:#f05a35;margin-top:56px;margin-bottom:8px;font-size:13px;font-weight:700;letter-spacing:0.08em;line-height:1.2\">STEP 3<\/p>\n\n\n\n<h2 id=\"create-a-rule\" class=\"wp-block-heading\" style=\"margin-top:0;margin-bottom:16px;font-size:30px;font-weight:700;line-height:1.25\">Create a Rule<\/h2>\n\n\n\n<div class=\"wp-block-group aa-card has-border-color has-background\" style=\"border-color:#e5e7eb;border-width:1px;border-radius:16px;background-color:#ffffff;padding-top:28px;padding-right:28px;padding-bottom:28px;padding-left:28px;box-shadow:0 4px 24px rgba(15,23,42,0.06)\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-0cb15eab wp-block-group-is-layout-constrained\">\n<p class=\"wp-block-paragraph\" style=\"margin-top:0;margin-bottom:0\">A rule says: show (or hide) this field when another field has a certain value.<\/p>\n\n\n\n<ol class=\"wp-block-list aa-steps\">\n<li>Choose <strong>Show this field when\u2026<\/strong> or <strong>Hide this field when\u2026<\/strong>.<\/li>\n\n\n\n<li>Under <strong>Field<\/strong>, pick the field to check, for example <strong>Email<\/strong>.<\/li>\n\n\n\n<li>Choose an <strong>Operator<\/strong>, for example <strong>Is not empty<\/strong>.<\/li>\n\n\n\n<li>Type a <strong>Value<\/strong> if the operator needs one.<\/li>\n\n\n\n<li>Click <strong>Save Conditions<\/strong>, then <strong>Update<\/strong> your page.<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6ad20ecc1790e&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6ad20ecc1790e\" class=\"aligncenter size-full has-custom-border wp-lightbox-container\"><img decoding=\"async\" width=\"900\" height=\"510\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2026\/10\/conditional-display-v4-02-dialog.webp\" alt=\"Conditional Display dialog\" class=\"has-border-color wp-image-19921\" style=\"border-color:#e5e7eb;border-width:1px;border-radius:12px\" srcset=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2026\/10\/conditional-display-v4-02-dialog.webp 900w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2026\/10\/conditional-display-v4-02-dialog-300x170.webp 300w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2026\/10\/conditional-display-v4-02-dialog-768x435.webp 768w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2026\/10\/conditional-display-v4-02-dialog-270x152.webp 270w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">The Conditional Display dialog (click to zoom)<\/figcaption><\/figure>\n<\/div>\n\n<div class=\"wp-block-image\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6ad20ecc17ede&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6ad20ecc17ede\" class=\"aligncenter size-full has-custom-border wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"510\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2026\/10\/conditional-display-v4-04-rule-filled.webp\" alt=\"A finished rule\" class=\"has-border-color wp-image-19923\" style=\"border-color:#e5e7eb;border-width:1px;border-radius:12px\" srcset=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2026\/10\/conditional-display-v4-04-rule-filled.webp 900w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2026\/10\/conditional-display-v4-04-rule-filled-300x170.webp 300w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2026\/10\/conditional-display-v4-04-rule-filled-768x435.webp 768w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2026\/10\/conditional-display-v4-04-rule-filled-270x152.webp 270w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">A finished rule: show the Message field when Email is not empty (click to zoom)<\/figcaption><\/figure>\n<\/div>\n\n\n<div class=\"wp-block-group aa-callout has-border-color has-background\" style=\"border-color:#fed7aa;border-width:1px;border-radius:12px;background-color:#fff7ed;margin-top:16px;margin-bottom:0;padding-top:14px;padding-right:18px;padding-bottom:14px;padding-left:18px\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-1181cb02 wp-block-group-is-layout-constrained\">\n<p class=\"wp-block-paragraph\"><strong>Tip:<\/strong> Need more than one rule? Click <strong>+ Add Rule<\/strong>. To turn conditions off, delete all rules and save.<\/p>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n<p class=\"has-text-color wp-block-paragraph\" style=\"color:#f05a35;margin-top:56px;margin-bottom:8px;font-size:13px;font-weight:700;letter-spacing:0.08em;line-height:1.2\">SETTINGS<\/p>\n\n\n\n<h2 id=\"dialog-options\" class=\"wp-block-heading\" style=\"margin-top:0;margin-bottom:16px;font-size:30px;font-weight:700;line-height:1.25\">Dialog Options<\/h2>\n\n\n\n<div class=\"wp-block-group aa-rows has-border-color has-background\" style=\"border-color:#e5e7eb;border-width:1px;border-radius:16px;background-color:#ffffff;padding-top:8px;padding-right:16px;padding-bottom:8px;padding-left:16px;box-shadow:0 4px 24px rgba(15,23,42,0.06)\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-225a00f3 wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group aa-row\" style=\"border-bottom-color:#eef0f3;border-bottom-width:1px;padding-top:16px;padding-right:12px;padding-bottom:16px;padding-left:12px\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-d0cae242 wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\" style=\"margin-top:0;margin-bottom:0;font-size:20px;font-weight:600;line-height:1.4\">Action<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:0;margin-bottom:0\"><span class=\"aa-pill\">Default: Show<\/span>Choose <strong>Show this field when\u2026<\/strong> or <strong>Hide this field when\u2026<\/strong>.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group aa-row\" style=\"border-bottom-color:#eef0f3;border-bottom-width:1px;padding-top:16px;padding-right:12px;padding-bottom:16px;padding-left:12px\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-d0cae242 wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\" style=\"margin-top:0;margin-bottom:0;font-size:20px;font-weight:600;line-height:1.4\">Match<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:0;margin-bottom:0\"><span class=\"aa-pill\">Default: All rules match<\/span><strong>All rules match<\/strong> means every rule must be true. <strong>Any rule matches<\/strong> means one true rule is enough.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group aa-row\" style=\"border-bottom-color:#eef0f3;border-bottom-width:1px;padding-top:16px;padding-right:12px;padding-bottom:16px;padding-left:12px\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-d0cae242 wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\" style=\"margin-top:0;margin-bottom:0;font-size:20px;font-weight:600;line-height:1.4\">Field<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:0;margin-bottom:0\">The field to check. The list shows every field in the same form.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group aa-row\" style=\"border-bottom-color:#eef0f3;border-bottom-width:1px;padding-top:16px;padding-right:12px;padding-bottom:16px;padding-left:12px\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-d0cae242 wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\" style=\"margin-top:0;margin-bottom:0;font-size:20px;font-weight:600;line-height:1.4\">Operator<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:0;margin-bottom:0\"><span class=\"aa-pill\">Default: Is<\/span>How to compare the field. See the list below.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group aa-row\" style=\"border-bottom-color:#eef0f3;border-bottom-width:1px;padding-top:16px;padding-right:12px;padding-bottom:16px;padding-left:12px\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-d0cae242 wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\" style=\"margin-top:0;margin-bottom:0;font-size:20px;font-weight:600;line-height:1.4\">Value<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:0;margin-bottom:0\">What to compare with. Not needed for <strong>Is empty<\/strong> and <strong>Is not empty<\/strong>.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group aa-row\" style=\"border-bottom-color:#eef0f3;border-bottom-width:1px;padding-top:16px;padding-right:12px;padding-bottom:16px;padding-left:12px\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-d0cae242 wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\" style=\"margin-top:0;margin-bottom:0;font-size:20px;font-weight:600;line-height:1.4\">+ Add Rule<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:0;margin-bottom:0\">Add another rule. Use <strong>Match<\/strong> to decide how the rules work together.<\/p>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n<div style=\"height:24px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 id=\"operators\" class=\"wp-block-heading\" style=\"margin-top:0;margin-bottom:16px;font-size:30px;font-weight:700;line-height:1.25\">Operators<\/h2>\n\n\n\n<div class=\"wp-block-group aa-rows has-border-color has-background\" style=\"border-color:#e5e7eb;border-width:1px;border-radius:16px;background-color:#ffffff;padding-top:8px;padding-right:16px;padding-bottom:8px;padding-left:16px;box-shadow:0 4px 24px rgba(15,23,42,0.06)\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-225a00f3 wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group aa-row\" style=\"border-bottom-color:#eef0f3;border-bottom-width:1px;padding-top:16px;padding-right:12px;padding-bottom:16px;padding-left:12px\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-d0cae242 wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\" style=\"margin-top:0;margin-bottom:0;font-size:20px;font-weight:600;line-height:1.4\">Is<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:0;margin-bottom:0\">The field value is exactly the same as your value.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group aa-row\" style=\"border-bottom-color:#eef0f3;border-bottom-width:1px;padding-top:16px;padding-right:12px;padding-bottom:16px;padding-left:12px\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-d0cae242 wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\" style=\"margin-top:0;margin-bottom:0;font-size:20px;font-weight:600;line-height:1.4\">Is not<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:0;margin-bottom:0\">The field value is not the same as your value.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group aa-row\" style=\"border-bottom-color:#eef0f3;border-bottom-width:1px;padding-top:16px;padding-right:12px;padding-bottom:16px;padding-left:12px\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-d0cae242 wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\" style=\"margin-top:0;margin-bottom:0;font-size:20px;font-weight:600;line-height:1.4\">Is not empty<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:0;margin-bottom:0\">The visitor typed or chose something.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group aa-row\" style=\"border-bottom-color:#eef0f3;border-bottom-width:1px;padding-top:16px;padding-right:12px;padding-bottom:16px;padding-left:12px\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-d0cae242 wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\" style=\"margin-top:0;margin-bottom:0;font-size:20px;font-weight:600;line-height:1.4\">Is empty<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:0;margin-bottom:0\">The visitor left the field blank.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group aa-row\" style=\"border-bottom-color:#eef0f3;border-bottom-width:1px;padding-top:16px;padding-right:12px;padding-bottom:16px;padding-left:12px\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-d0cae242 wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\" style=\"margin-top:0;margin-bottom:0;font-size:20px;font-weight:600;line-height:1.4\">Contains<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:0;margin-bottom:0\">The field value has your text inside it. Upper and lower case do not matter.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group aa-row\" style=\"border-bottom-color:#eef0f3;border-bottom-width:1px;padding-top:16px;padding-right:12px;padding-bottom:16px;padding-left:12px\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-d0cae242 wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\" style=\"margin-top:0;margin-bottom:0;font-size:20px;font-weight:600;line-height:1.4\">Greater than<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:0;margin-bottom:0\">The field value is a number bigger than your value.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group aa-row\" style=\"border-bottom-color:#eef0f3;border-bottom-width:1px;padding-top:16px;padding-right:12px;padding-bottom:16px;padding-left:12px\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-d0cae242 wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\" style=\"margin-top:0;margin-bottom:0;font-size:20px;font-weight:600;line-height:1.4\">Less than<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:0;margin-bottom:0\">The field value is a number smaller than your value.<\/p>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n<div style=\"height:16px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"wp-block-image\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6ad20ecc195b1&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6ad20ecc195b1\" class=\"aligncenter size-full has-custom-border wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"660\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2026\/10\/conditional-display-v4-03-operators.webp\" alt=\"Operator list\" class=\"has-border-color wp-image-19922\" style=\"border-color:#e5e7eb;border-width:1px;border-radius:12px\" srcset=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2026\/10\/conditional-display-v4-03-operators.webp 900w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2026\/10\/conditional-display-v4-03-operators-300x220.webp 300w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2026\/10\/conditional-display-v4-03-operators-768x563.webp 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">The operator list (click to zoom)<\/figcaption><\/figure>\n<\/div>\n\n\n<div class=\"wp-block-group aa-callout has-border-color has-background\" style=\"border-color:#bfdbfe;border-width:1px;border-radius:12px;background-color:#eff6ff;margin-top:16px;margin-bottom:0;padding-top:14px;padding-right:18px;padding-bottom:14px;padding-left:18px\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-1181cb02 wp-block-group-is-layout-constrained\">\n<p class=\"wp-block-paragraph\"><strong>Note:<\/strong> For checkboxes and multi-select fields, <strong>Is<\/strong> is true when your value is one of the selected options.<\/p>\n<\/div><\/div>\n\n\n\n<p class=\"has-text-color wp-block-paragraph\" style=\"color:#f05a35;margin-top:56px;margin-bottom:8px;font-size:13px;font-weight:700;letter-spacing:0.08em;line-height:1.2\">RESULT<\/p>\n\n\n\n<h2 id=\"final-result\" class=\"wp-block-heading\" style=\"margin-top:0;margin-bottom:16px;font-size:30px;font-weight:700;line-height:1.25\">Final Result<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:0;margin-bottom:0\">The <strong>Message<\/strong> field only shows after the visitor fills in <strong>Email<\/strong>.<\/p>\n\n\n\n<div style=\"height:16px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" style=\"margin-top:0;margin-bottom:0;font-size:20px;font-weight:600;line-height:1.4\">Before: Email is empty<\/h3>\n\n\n\n<div style=\"height:12px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"wp-block-image\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6ad20ecc19c0b&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6ad20ecc19c0b\" class=\"aligncenter size-full has-custom-border wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"390\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2026\/10\/conditional-display-v4-05-before.webp\" alt=\"Form before: Message field is hidden\" class=\"has-border-color wp-image-19924\" style=\"border-color:#e5e7eb;border-width:1px;border-radius:12px\" srcset=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2026\/10\/conditional-display-v4-05-before.webp 800w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2026\/10\/conditional-display-v4-05-before-300x146.webp 300w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2026\/10\/conditional-display-v4-05-before-768x374.webp 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">Email is empty, so the Message field is hidden (click to zoom)<\/figcaption><\/figure>\n<\/div>\n\n\n<div style=\"height:16px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" style=\"margin-top:0;margin-bottom:0;font-size:20px;font-weight:600;line-height:1.4\">After: Email is filled<\/h3>\n\n\n\n<div style=\"height:12px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"wp-block-image\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6ad20ecc1a3a2&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6ad20ecc1a3a2\" class=\"aligncenter size-full has-custom-border wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"543\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2026\/10\/conditional-display-v4-06-after.webp\" alt=\"Form after: Message field is visible\" class=\"has-border-color wp-image-19925\" style=\"border-color:#e5e7eb;border-width:1px;border-radius:12px\" srcset=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2026\/10\/conditional-display-v4-06-after.webp 800w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2026\/10\/conditional-display-v4-06-after-300x204.webp 300w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2026\/10\/conditional-display-v4-06-after-768x521.webp 768w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2026\/10\/conditional-display-v4-06-after-60x40.webp 60w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">Email is filled, so the Message field appears (click to zoom)<\/figcaption><\/figure>\n<\/div>\n\n\n<p class=\"has-text-color wp-block-paragraph\" style=\"color:#f05a35;margin-top:56px;margin-bottom:8px;font-size:13px;font-weight:700;letter-spacing:0.08em;line-height:1.2\">GOOD TO KNOW<\/p>\n\n\n\n<h2 id=\"how-it-works\" class=\"wp-block-heading\" style=\"margin-top:0;margin-bottom:16px;font-size:30px;font-weight:700;line-height:1.25\">How It Works<\/h2>\n\n\n\n<div class=\"wp-block-group aa-rows has-border-color has-background\" style=\"border-color:#e5e7eb;border-width:1px;border-radius:16px;background-color:#ffffff;padding-top:8px;padding-right:16px;padding-bottom:8px;padding-left:16px;box-shadow:0 4px 24px rgba(15,23,42,0.06)\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-225a00f3 wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group aa-row\" style=\"border-bottom-color:#eef0f3;border-bottom-width:1px;padding-top:16px;padding-right:12px;padding-bottom:16px;padding-left:12px\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-d0cae242 wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\" style=\"margin-top:0;margin-bottom:0;font-size:20px;font-weight:600;line-height:1.4\">Hidden fields are skipped<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:0;margin-bottom:0\">A hidden field is never required and its value is not sent with the form.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group aa-row\" style=\"border-bottom-color:#eef0f3;border-bottom-width:1px;padding-top:16px;padding-right:12px;padding-bottom:16px;padding-left:12px\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-d0cae242 wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\" style=\"margin-top:0;margin-bottom:0;font-size:20px;font-weight:600;line-height:1.4\">Checked again on the server<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:0;margin-bottom:0\">The same rules run again when the form is submitted, so a hidden field cannot be sent by editing the page.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group aa-row\" style=\"border-bottom-color:#eef0f3;border-bottom-width:1px;padding-top:16px;padding-right:12px;padding-bottom:16px;padding-left:12px\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-d0cae242 wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\" style=\"margin-top:0;margin-bottom:0;font-size:20px;font-weight:600;line-height:1.4\">Hide a whole row<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:0;margin-bottom:0\">Add a rule to a <strong>Flexbox<\/strong> or <strong>Div Block<\/strong>. When it is hidden, every field inside is hidden too.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group aa-row\" style=\"border-bottom-color:#eef0f3;border-bottom-width:1px;padding-top:16px;padding-right:12px;padding-bottom:16px;padding-left:12px\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-container-core-group-is-layout-d0cae242 wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\" style=\"margin-top:0;margin-bottom:0;font-size:20px;font-weight:600;line-height:1.4\">Editor view<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:0;margin-bottom:0\">Inside the Elementor editor all fields stay visible, so you can still style them. Rules work on the live page.<\/p>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n<p class=\"has-text-color wp-block-paragraph\" style=\"color:#f05a35;margin-top:56px;margin-bottom:8px;font-size:13px;font-weight:700;letter-spacing:0.08em;line-height:1.2\">HELP<\/p>\n\n\n\n<h2 id=\"troubleshooting\" class=\"wp-block-heading\" style=\"margin-top:0;margin-bottom:16px;font-size:30px;font-weight:700;line-height:1.25\">Troubleshooting<\/h2>\n\n\n\n<details class=\"wp-block-details aa-acc is-layout-flow wp-block-details-is-layout-flow\"><summary>I do not see Conditional Display<\/summary>\n<p class=\"wp-block-paragraph\" style=\"margin-top:0;margin-bottom:0\">Check that the extension is on. Go to <strong>Animation Addon > Extensions > Elementor V4 (Atomic) > Form<\/strong> and turn on <strong>Conditional Display<\/strong>. Pro must be active. Then reload the editor.<\/p>\n<\/details>\n\n\n\n<details class=\"wp-block-details aa-acc is-layout-flow wp-block-details-is-layout-flow\"><summary>The dialog says the field is not inside an AAE Form<\/summary>\n<p class=\"wp-block-paragraph\" style=\"margin-top:0;margin-bottom:0\">Conditions need a form to watch. Put the field inside the <strong>Form<\/strong> element, then open the dialog again.<\/p>\n<\/details>\n\n\n\n<details class=\"wp-block-details aa-acc is-layout-flow wp-block-details-is-layout-flow\"><summary>The Field list is empty<\/summary>\n<p class=\"wp-block-paragraph\" style=\"margin-top:0;margin-bottom:0\">The list shows the other fields in the same form. Add the field you want to check first, then open Conditional Display again.<\/p>\n<\/details>\n\n\n\n<details class=\"wp-block-details aa-acc is-layout-flow wp-block-details-is-layout-flow\"><summary>My rule does not work on the live page<\/summary>\n<p class=\"wp-block-paragraph\" style=\"margin-top:0;margin-bottom:0\">Update the page and clear your cache. Pro must be active. If you changed the ID of the field you check, open the rule and choose the field again.<\/p>\n<\/details>\n\n\n\n<div class=\"wp-block-group aa-final has-background is-vertical is-content-justification-center is-layout-flex wp-container-core-group-is-layout-0ff90192 wp-block-group-is-layout-flex\" style=\"border-radius:20px;background:linear-gradient(135deg,#fff1ec 0%,#f5f3ff 100%);margin-top:56px;padding-top:36px;padding-right:28px;padding-bottom:36px;padding-left:28px\">\n<h2 class=\"wp-block-heading\" style=\"margin-top:0;margin-right:auto;margin-bottom:0;margin-left:auto;font-size:30px;font-weight:700;line-height:1.25\">You Did It<\/h2>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">Your form now changes with the visitor&#8217;s answers. If you face any problem, please contact our support team. We are happy to help.<\/p>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>Show or hide a form field based on what the visitor already filled in. Ask only the questions that matter. No code needed. WORKS ON AAE Form fields USE IT TO Show or hide PLAN Pro BEFORE YOU START Requirement ELEMENTOR V4 Atomic ANIMATION ADDONS Free ANIMATION ADDONS PRO Active license Tip: Install and activate [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":0,"parent":19789,"menu_order":16,"comment_status":"closed","ping_status":"closed","template":"","doc_tag":[],"doc_badge":[],"class_list":["post-19918","docs","type-docs","status-publish","hentry","no-post-thumbnail"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Conditional Display - Animation Addons<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/animation-addons.com\/docs\/v4-extentions\/conditional-display\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Conditional Display - Animation Addons\" \/>\n<meta property=\"og:description\" content=\"Show or hide a form field based on what the visitor already filled in. Ask only the questions that matter. No code needed. WORKS ON AAE Form fields USE IT TO Show or hide PLAN Pro BEFORE YOU START Requirement ELEMENTOR V4 Atomic ANIMATION ADDONS Free ANIMATION ADDONS PRO Active license Tip: Install and activate [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/animation-addons.com\/docs\/v4-extentions\/conditional-display\/\" \/>\n<meta property=\"og:site_name\" content=\"Animation Addons\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/animationaddons\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-14T04:05:20+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2026\/10\/conditional-display-v4-00-enable-extension.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1260\" \/>\n\t<meta property=\"og:image:height\" content=\"410\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@animationaddons\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/v4-extentions\\\/conditional-display\\\/\",\"url\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/v4-extentions\\\/conditional-display\\\/\",\"name\":\"Conditional Display - Animation Addons\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/v4-extentions\\\/conditional-display\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/v4-extentions\\\/conditional-display\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/conditional-display-v4-00-enable-extension.webp\",\"datePublished\":\"2026-10-14T04:05:16+00:00\",\"dateModified\":\"2026-10-14T04:05:20+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/v4-extentions\\\/conditional-display\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/animation-addons.com\\\/docs\\\/v4-extentions\\\/conditional-display\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/v4-extentions\\\/conditional-display\\\/#primaryimage\",\"url\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/conditional-display-v4-00-enable-extension.webp\",\"contentUrl\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/conditional-display-v4-00-enable-extension.webp\",\"width\":1260,\"height\":410,\"caption\":\"Enable Conditional Display extension\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/v4-extentions\\\/conditional-display\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"V4 Extentions\",\"item\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/v4-extentions\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Conditional Display\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/#website\",\"url\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/\",\"name\":\"Animation Addons\",\"description\":\"Best Animation Plugin for WordPress\",\"publisher\":{\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/#organization\"},\"alternateName\":\"Animation Addons for Elementor\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/#organization\",\"name\":\"Animation Addons\",\"alternateName\":\"Animation Addons for Elementor\",\"url\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/logo.svg\",\"contentUrl\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/logo.svg\",\"width\":48,\"height\":48,\"caption\":\"Animation Addons\"},\"image\":{\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/animationaddons\",\"https:\\\/\\\/x.com\\\/animationaddons\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/animation-addons\\\/\",\"https:\\\/\\\/www.pinterest.com\\\/animationaddons\\\/\",\"https:\\\/\\\/www.instagram.com\\\/aimationaddons\\\/\",\"https:\\\/\\\/www.tiktok.com\\\/@animationaddons\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Conditional Display - Animation Addons","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/animation-addons.com\/docs\/v4-extentions\/conditional-display\/","og_locale":"en_US","og_type":"article","og_title":"Conditional Display - Animation Addons","og_description":"Show or hide a form field based on what the visitor already filled in. Ask only the questions that matter. No code needed. WORKS ON AAE Form fields USE IT TO Show or hide PLAN Pro BEFORE YOU START Requirement ELEMENTOR V4 Atomic ANIMATION ADDONS Free ANIMATION ADDONS PRO Active license Tip: Install and activate [&hellip;]","og_url":"https:\/\/animation-addons.com\/docs\/v4-extentions\/conditional-display\/","og_site_name":"Animation Addons","article_publisher":"https:\/\/www.facebook.com\/animationaddons","article_modified_time":"2026-10-14T04:05:20+00:00","og_image":[{"width":1260,"height":410,"url":"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2026\/10\/conditional-display-v4-00-enable-extension.webp","type":"image\/webp"}],"twitter_card":"summary_large_image","twitter_site":"@animationaddons","twitter_misc":{"Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/animation-addons.com\/docs\/v4-extentions\/conditional-display\/","url":"https:\/\/animation-addons.com\/docs\/v4-extentions\/conditional-display\/","name":"Conditional Display - Animation Addons","isPartOf":{"@id":"https:\/\/animation-addons.com\/docs\/#website"},"primaryImageOfPage":{"@id":"https:\/\/animation-addons.com\/docs\/v4-extentions\/conditional-display\/#primaryimage"},"image":{"@id":"https:\/\/animation-addons.com\/docs\/v4-extentions\/conditional-display\/#primaryimage"},"thumbnailUrl":"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2026\/10\/conditional-display-v4-00-enable-extension.webp","datePublished":"2026-10-14T04:05:16+00:00","dateModified":"2026-10-14T04:05:20+00:00","breadcrumb":{"@id":"https:\/\/animation-addons.com\/docs\/v4-extentions\/conditional-display\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/animation-addons.com\/docs\/v4-extentions\/conditional-display\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/animation-addons.com\/docs\/v4-extentions\/conditional-display\/#primaryimage","url":"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2026\/10\/conditional-display-v4-00-enable-extension.webp","contentUrl":"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2026\/10\/conditional-display-v4-00-enable-extension.webp","width":1260,"height":410,"caption":"Enable Conditional Display extension"},{"@type":"BreadcrumbList","@id":"https:\/\/animation-addons.com\/docs\/v4-extentions\/conditional-display\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/animation-addons.com\/docs\/"},{"@type":"ListItem","position":2,"name":"V4 Extentions","item":"https:\/\/animation-addons.com\/docs\/v4-extentions\/"},{"@type":"ListItem","position":3,"name":"Conditional Display"}]},{"@type":"WebSite","@id":"https:\/\/animation-addons.com\/docs\/#website","url":"https:\/\/animation-addons.com\/docs\/","name":"Animation Addons","description":"Best Animation Plugin for WordPress","publisher":{"@id":"https:\/\/animation-addons.com\/docs\/#organization"},"alternateName":"Animation Addons for Elementor","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/animation-addons.com\/docs\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/animation-addons.com\/docs\/#organization","name":"Animation Addons","alternateName":"Animation Addons for Elementor","url":"https:\/\/animation-addons.com\/docs\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/animation-addons.com\/docs\/#\/schema\/logo\/image\/","url":"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/logo.svg","contentUrl":"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/logo.svg","width":48,"height":48,"caption":"Animation Addons"},"image":{"@id":"https:\/\/animation-addons.com\/docs\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/animationaddons","https:\/\/x.com\/animationaddons","https:\/\/www.linkedin.com\/company\/animation-addons\/","https:\/\/www.pinterest.com\/animationaddons\/","https:\/\/www.instagram.com\/aimationaddons\/","https:\/\/www.tiktok.com\/@animationaddons"]}]}},"author_avatar":"https:\/\/secure.gravatar.com\/avatar\/003ea1731c068e74c9c0b21151292d0421daa8e37b4cbd3b694787ebf5175e49?s=96&d=mm&r=g","author_name":"ahsan","_links":{"self":[{"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/docs\/19918","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/comments?post=19918"}],"version-history":[{"count":1,"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/docs\/19918\/revisions"}],"predecessor-version":[{"id":19926,"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/docs\/19918\/revisions\/19926"}],"up":[{"embeddable":true,"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/docs\/19789"}],"wp:attachment":[{"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/media?parent=19918"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/doc_tag?post=19918"},{"taxonomy":"doc_badge","embeddable":true,"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/doc_badge?post=19918"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}