The Collapse / Expand demo utilizes the JointJS+ TreeLayout while providing the user with ability to collapse and expand branches.
Demo instructions
Click on an element button to expand and collapse its child items. The Toolbar contains controls to zoom the diagram, and to export the diagram as a PNG.
The source code of this demo is available as part of the JointJS+ commercial license. Don't have a license yet? Start a trial and use the source code of this and many other demos for free, with no obligations, for 30 days.
All features required to build this demo are included in the commercial JointJS+ package. Don't have a license yet? Start a trial and build professional applications with ease.
All features required to build this demo application are included in our open-source library, JointJS. Download the package and create basic visual applications in no time.
We equip developers with all the plugins they need to save time and focus their energy elsewhere such as TreeLayout, PaperScroller, Toolbar, and Raster.