Question

how can get different row color for different ‘level’ of rows in jsTree

let’s say that in my sample http://jsfiddle.net/radek/sTmrv/2/

• basics & all will have the same color
• login, Basics of Edu, login, Add Academic year …. will have the same but different color

• and finally the 3rd level will have the same color.

• so far I managed to change color of all rows ….

Answer 1

Would this work for you? See http://jsfiddle.net/sTmrv/4/

You may have to play with it a bit (untested in IE).

li.jstree-open > ul {
    background: red;
    display: block;
}
li.jstree-open > ul li.jstree-open > ul {
    background: #CCC;
    position: relative;
    left: -18px;
    padding-left: 18px;
    width: 100%;
 }