divクラスをjQueryでソート

Question

class="apple"とclass="tree"のクラスをソートするjQueryプラグインを作成しましたが、上記のすべてを表示してソートを作成するにはどうすればいいですか？class="apple"？

<ul> 
    <li class="apple">APPLE</li> 
    <li class="tree">TREE</li> 
    <li class="all">ALL</li> 
</ul> 

<div> 
    <div class="apple">APPLE</div> 
    <div class="tree">TREE</div> 
    <div class="apple">APPLE</div> 
    <div class="tree">TREE</div> 
    <div class="apple">APPLE</div> 
    <div class="tree">TREE</div> 
</div> 

<script src="/js/jquery.min.js"></script> 
<script type="text/javascript"> 
$("ul li").click(function() { 
    visibleClasses = $(this).attr("class").split(" "); 
    $("div div").hide(); // or slideUp/fadeOut 
    for(i in visibleClasses) { 
    $("div div."+visibleClasses[i]).fadeIn(500); // or slideDown/show 
    } 
}); 
</script> 

Answer 1

使用クラスapple treeの代わりに使用してはall

<li class="apple tree">ALL</li> 

http://jsfiddle.net/mAQwg/

Answer 2

あなたが投稿したコードは、 'すべて' オプションを除いて、動作しているようです。あなたは、「フィルタ」ではなく「並べ替え」にしたいおそらく

http://jsfiddle.net/fpA7Z/2/