apexのrenderedプロパティで表示コンテンツを切り替える

Visualforce の apexコントローラに rendered というプロパティがあり、
Boolean値を入れてあげれば、表示・非表示を切り替えられるぽ。
試しに outputpanel で試してみたよ。

class

public class OutputPanelRender {
    
    public boolean render {get; set;}

    public OutputPanelRender() {
        render = false;
    }
    
    public pagereference doToggle() {
        
        if (render) {
            render = false;
        } else {
            render = true;
        }
        return null;
    }
}

Visualforce

<apex:page controller="OutputPanelRender">
<apex:form id="form">
    
    <p><h1>OutputPanelによるコンテンツの切り替え</h1></p>

    <apex:commandbutton value="表示/非表示" 
        action="{!dotoggle}" rerender="form"/>
    
    <apex:outputPanel rendered="{!render}">
        <table style="border: 1px solid #ccc;">
            <tr><td>ほげほげ</td></tr>
            <tr><td>ふがふが</td></tr>
            <tr><td>ほげほげ</td></tr>
        </table>
    </apex:outputPanel>

    <apex:outputPanel rendered="{!NOT(render)}">
        <dl style="border: 1px solid #ccc;">
        	<dt>定義１</dt>
        	<dd>テストです１</dd>
        	<dt>定義２</dt>
        	<dd>テストです２</dd>
        	<dt>定義３</dt>
        	<dd>テストです３</dd>
        </dl>
    </apex:outputPanel>

</apex:form>
</apex:page>