multiple selectors not seems to work
<p>I have following HTML </p>

<pre><code>&lt;div id="finalTree"&gt;  
&lt;ul&gt;  
 &lt;li class="last" style="display: list-item;"&gt;  
 &lt;a id="DataSheets" href="#"&gt;Data Sheets&lt;/a&gt; 
&lt;/li&gt;&lt;/u&gt;...........&lt;/div&gt;
</code></pre>

<p>and I am first hiding all these li and then trying to show those li which match to selector. Here is my JavaScript. Here filterData is id of links. </p>

<pre><code>function filterLeftNavTree(filterData){
    jQuery("ul.treeview").find("li").hide();
    var selectors =[];
    if(filterData.indexOf("|")!=-1){
        var filterData = filterData.split("|");
        for(i=0;i&lt;filterData.length;i++){
            selectors.push('#'+filterData[i]);
        }  
        var filtered = selectors.join(',');
        $(filtered ).show();

    }else{  

        $('#'+filterData+).show();
    }  }  
</code></pre>

<p>the last two line doesn't works...
any one can tell me what can be possible reason. Actually I tried to show li with <code>:has, :contains, find().filter()</code> but all these are taking too much time if I have large tree. </p>

<p>Do I am trying to show it by using multiple selector, but it's not showing any thing. Any alternative having faster way to show it will be highly appreciated.  </p>
