title: Problem with "initially_open" option with JStree
body: <p>I'm working on my first app using JStree and I have it doing almost everything I need as a navigation tree.  I have the javascript code working that dynamically builds the html list structure for the page using knockoutjs (somewhat of an overkill here, but I use knockout elsewhere on the page).  After I attach JStree to the HTML, my DOM looks likes -</p>
  
  <pre><code>&lt;div id="menuTreeList" data-bind="template: "treeMenuTemplate"" class="navtree  
               jstree jstree-0 jstree-focused jstree-default"&gt;    
  &lt;ul class="jstree-no-dots jstree-no-icons"&gt;
      &lt;li id="menu_1" class="jstree-leaf"&gt;&lt;ins class="jstree-icon"&gt;&amp;nbsp;&lt;/ins&gt;&lt;span&gt; 
          &lt;a href="#" class=""&gt;&lt;ins class="jstree-icon"&gt;&amp;nbsp;&lt;/ins&gt;CARES Home&lt;/a&gt;&lt;/span&gt;
      &lt;/li&gt;
      &lt;li id="menu_2" class="jstree-closed"&gt;&lt;ins class="jstree-icon"&gt;&amp;nbsp;&lt;/ins&gt;&lt;a href="#"&gt;
          &lt;ins class="jstree-icon"&gt;&amp;nbsp;&lt;/ins&gt;Case Management&lt;/a&gt;
          &lt;ul&gt;
              &lt;li id="menu_3" class="jstree-leaf"&gt;&lt;ins class="jstree-icon"&gt;&amp;nbsp;&lt;/ins&gt;&lt;span class="navtree-spanDefault"&gt;
                  &lt;a href="#"&gt;&lt;ins class="jstree-icon"&gt;&amp;nbsp;&lt;/ins&gt;Search&lt;/a&gt;&lt;/span&gt; &lt;/li&gt;
              &lt;li id="menu_4" class="jstree-leaf"&gt;&lt;ins class="jstree-icon"&gt;&amp;nbsp;&lt;/ins&gt;&lt;span class="navtree-spanDefault"&gt;
                  &lt;a href="#"&gt;&lt;ins class="jstree-icon"&gt;&amp;nbsp;&lt;/ins&gt;Participant Summary&lt;/a&gt;&lt;/span&gt;
              &lt;/li&gt;
              &lt;li id="menu_5" class="jstree-leaf"&gt;&lt;ins class="jstree-icon"&gt;&amp;nbsp;&lt;/ins&gt;&lt;span class="navtree-spanDefault"&gt;
                  &lt;a href="#"&gt;&lt;ins class="jstree-icon"&gt;&amp;nbsp;&lt;/ins&gt;Transfer WP Office&lt;/a&gt;&lt;/span&gt;
              &lt;/li&gt;
              &lt;li id="menu_6" class="jstree-last jstree-leaf"&gt;&lt;ins class="jstree-icon"&gt;&amp;nbsp;&lt;/ins&gt;&lt;span
                  class="navtree-selected"&gt;Update Individual Address&lt;/span&gt; &lt;/li&gt;
          &lt;/ul&gt;
      &lt;/li&gt;
      &lt;li id="menu_7" class="jstree-last jstree-leaf"&gt;&lt;ins class="jstree-icon"&gt;&amp;nbsp;&lt;/ins&gt;&lt;a
          href="#"&gt;&lt;ins class="jstree-icon"&gt;&amp;nbsp;&lt;/ins&gt;Tools&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;    &lt;/div&gt;
  </code></pre>
  
  <p>My Javascript that invokes JStree is </p>
  
  <pre><code>  $(document).ready(function () {
          $("#menuTreeList").jstree({
                "themes": {
                      "theme": "default",
                      "dots": false,
                      "icons": false
                      },
                  "plugins": ["themes", "html_data"],
                  "core": { 
                      "animation": 0,
                      "open_parents": true,
                      "initially_open": ["menu_5"]
                  }
              });
  
  
          })
  </code></pre>
  
  <p>The resulting menu looks like 
  <img src="https://i.stack.imgur.com/ju6n3.png" alt="enter image description here"></p>
  
  <p>My problem is that I want the menu initially have all nodes closed, then open only the node that represents the current page "selected" and it's parent nodes opened. When I try setting JStree "initially_open" to "menu_5" or "menu_6", then menu initially displays closed.</p>
  
  <p>Long term, this is going to be a very complicated &amp; multi-level structure.  So the users are looking for this type of functionality.  Suggestions?</p>