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>

这可能吗？