Advanced styles
COOLjsTree Professional can have rather advanced style configuration.
All of the following requires option #21 to be enabled:
//21. support bgcolor changing for selected node
true,
//22. background color for non-selected and selected node
["white","#EEEEEE",
["selected1", "selected2", "selected3", "selected4"],
["opened1", "opened2", "opened3"]
],
Expanded nodes at different levels can have special CSS classes assigned. In the sample above root level nodes in expanded will have CSS class "opened1", second level nodes will be "opened2", etc.
Selected nodes at different levels also can have special CSS classes, and the above uses "selected1" for the root level, "selected2" for the second level, etc.