Jquery JSTree在关闭/打开父节点后保留节点样式

我使用JSTree实现了简单树，我需要使用JQuery更改特定的节点样式，我的问题是当关闭父节点并再次打开它时，该节点上的更改将被丢弃

下面是一个包含我的代码的JSFIDLE：

<div id="stations_tree">
  <ul>
    <li>root1</li>
    <li>root2</li>
    <li>root3
      <ul>
        <li id="child1">child1</li>
        <li id="child2">child2</li>
      </ul>
    </li>
  </ul>
</div>

<input type="button" id="btn" value="Change color"/>
<script>
    $(document).ready(function(){
    $('#stations_tree').jstree({
        "plugins" : [ "types" ], 
        "types" : {
            "default" : {
                "icon" : "fa fa-circle"
            },
            "station" : {
                "icon" : "fa fa-circle"
            }
        }, 
        "core" : {
            "multiple" : false
        }
    }).bind("open_node.jstree close_node.jstree", function (e, data) {

    });

    $("#stations_tree").jstree("open_all");
});  

$("#btn").click(function(){
    $("#child1").css("color","green");
});
</script>

根1
根2
根3

child1
child2



$（文档）.ready（函数（）{
$（“#站点_树”）.jstree({
“插件”：[“类型”]，
“类型”：{
“默认值”：{
“图标”：“fa-fa圆”
},
“车站”：{
“图标”：“fa-fa圆”
}
}, 
“核心”：{
“多重”：错误
}
}).bind（“open_node.jstree close_node.jstree”），函数（e，数据）{
});
$（“#站#树”）.jstree（“全部打开”）；
});  
$（“#btn”）。单击（函数（）{
$（“#child1”）.css（“颜色”、“绿色”）；
});

如何在重新打开父节点后保留节点样式