javascript - ノードが選択されているときにdivを展開します

Question

データベースからコンポーネントを視覚化する基本的なp：treeがあります。このようにツリーを拡張したい：

ノードを選択するときに、コンポーネントの下のdivレイヤーを開き、このコンポーネントへの追加データを画像として表示します。これまでのところ、私はこのJSFコードを作成しました。

<h:form>
    <p:growl id="growl1" showSummary="true" showDetail="true" cached="true" autoUpdate="true"/>
    <p:tree id="tree" styleClass="treeskin" value="#{TreeViewController.root}" var="node" dynamic="true" animate="true"
            selectionMode="single"  selection="#{TreeViewController.selectedNode}" highlight="true">

        <p:ajax event="select" listener="#{TreeViewController.onNodeSelect}"/>
        <p:ajax event="expand" listener="#{TreeViewController.onNodeExpand}" />
        <p:ajax event="collapse" listener="#{TreeViewController.onNodeCollapse}" />

        <p:treeNode styleClass="treeskin">
            <h:outputText value="#{node}"/>
        </p:treeNode>
    </p:tree>

</h:form>

これは可能ですか？