如何在运行时更改 Orbeon 表单的控件可见性？

Question

我试图找出如何在运行时更改 Orbeon 表单的文本框的控件可见性。在以下示例中，我创建了一个图像按钮 - 当用户单击此按钮时，我希望显示/隐藏另一个按钮，但不幸的是我的代码无法正常工作：

<xf:trigger> 

                            <xf:label>

                                <xf:output value="concat('&lt;img src=''http://**********:8081/green-light.png', image, '''&gt;')"

                                           mediatype="text/html"/>

                            </xf:label> 

                            <xxf:script event="DOMActivate">

                              var remarksControl = ORBEON.jQuery('*[id $= "remarks-control"]')[0];

                                remarksControl.hidden= true;

                            </xxf:script>  

                        </xf:trigger> 

                        </fr:c>

                    <fr:c y="1" x="7" w="6">

                    </fr:c>

                    <fr:c x="1" y="2" w="6">

                        <xf:input id="remarks-control" bind="remarks-bind">

                            <xf:label ref="$form-resources/remarks/label"/>

                            <xf:hint ref="$form-resources/remarks/hint"/>

                            <xf:alert ref="$fr-resources/detail/labels/alert"/>                                                                                                                                              

                        </xf:input>

                    </fr:c>

实现这种功能的最佳方法是什么？我真正想要实现的是拥有一个包含多个图像的表单，并且用户在单击图像时她将能够激活/停用表单上的多个文本字段。