title: jsTree show/hide nodes
body: <p>I'm working with jstree and I would like to know how to hide/show nodes if possible. I gave the list items a "cat" id to select them with jquery but this doesn't work. </p>
  
  <p>Here's the code.</p>
  
  <p>html:</p>
  
  <pre><code>&lt;div class="resultsContent"&gt;
  
      &lt;div class="demo" id="demo_1"&gt;
  
      &lt;ul&gt;
  
      {% for ipc in ipcs %}
  
          {% ifequal ipc.back_list 1 %}   
  
              &lt;/ul&gt;&lt;/li&gt;
  
          {% endifequal %}    
  
          {% ifequal ipc.kind "c" %}  
  
          &lt;li id="{{ ipc.symbol }} cat" rel="node-type"&gt;
                  {% else %}
                      &lt;li id="{{ ipc.symbol }} cat" rel="node-type"&gt;
              {% endifequal %}
      {% endfor %}
      &lt;/ul&gt;
  
  &lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>script:</p>
  
  <pre><code>jQuery('#demo_1')
  
      .jstree({
  
          plugins : [ "themes", "html_data", "checkbox"  ], 
  
          themes : { theme: "default", dots : false, icons : false },         
  
          core : { "initially_open" : [ "{{ top_symbol }}" ] }, 
  
      })
  
  $("#cat").slice(5, 10).hide(); //Hide some nodes 
  </code></pre>