如何结合 JSF togglePanel 来触发其他 div/element/ 的可见性？

Question

我浏览了许多网站，但我找不到如何使用切换面板来更改另一个元素的可见性。请参阅示例。

<rich:togglePanel switchType="client"
    stateOrder="panelOneOff, panelOneOn">
    <f:facet name="panelOneOff">
        <rich:toggleControl>
            <h:outputText value="Start"/>
        </rich:toggleControl>
    </f:facet>
    <f:facet name="panelOneOn">
        <rich:toggleControl switchToState="panelOneOff">
            <h:outputText value="Close"/>
        </rich:toggleControl>
    </f:facet>
</rich:togglePanel>


<rich:effect  name="hideDiv"  for="toggleAccordingToTheTogglePanel" type="Fade" />
<rich:effect  name="showDiv"  for="toggleAccordingToTheTogglePanel" type="Appear" />

<div id="toggleAccordingToTheTogglePanel">
    please show me on start and hide me on Close
</div>

哪些侦听器将调用 hideDiv() 或 showDiv() javascript 函数，以便末尾的 DIV 元素出现或淡出？

更新它可以使用richfaces 3.3.2在jboss 5.1上运行

Answer 1

<rich:toggleControl onclick="hideDiv()">