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

【问题标题】：How to combine JSF togglePanel to trigger visibility of some other div/element/?如何结合 JSF togglePanel 来触发其他 div/element/ 的可见性？
【发布时间】：2010-07-15 17:19:24
【问题描述】：

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

<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-Element 出现或淡出？

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

【问题讨论】：

标签： javascript jsf richfaces effect

【解决方案1】：

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

【讨论】：

使用这个我的 toggleControl 不会再切换了.. :-( 我不知何故覆盖了标准的 toggle-event-onclick 监听器..