javascript - JSF togglePanel を組み合わせて、他の div/element/ の可視性をトリガーする方法は?

Question

いくつかの Web サイトを調べていましたが、トグル パネルを使用して別の要素の可視性を変更する方法がわかりませんでした。例を参照してください..

<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 要素が表示またはフェードアウトするようにするには、どのリスナーが機能しますか?

更新リッチフェイス3.3.2を使用してjboss 5.1で実行されます

Answer 1

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