javascript - Expand div when node is selected -

javascript - Expand div when node is selected -

i have basic p:tree visualize components database. want expand tree way:

when select node want open div layer below component , display additional info component picture. far made jsf code:

<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>

is possible?

javascript jsf jsf-2 primefaces