このJQueryプラグインを使用してオブジェクトXの位置を移動するにはどうすればよいですか？

Question

http://desandro.com/demo/masonry/docs/

これをうまく表示できました。しかし、

誰かがオブジェクトをクリックしたときに、それは素敵な「再発注」効果を行うように見られるように、私はこのプラグインを変更するにはどうすればよい

：http://desandro.com/demo/masonry/docs/filtering.html#demo

そして、それはオブジェクトを移動させる「X」ポジションアップやリストを下ろす？

これを行うには簡単に変更できますか？

Answer 1

ユーザーがボタンをクリックすると、すべての要素がfloat:left;になってから、特定のクラスの要素を非表示にします。たとえば、グレーをクリックすると、赤と黒が隠されます。 jqueryの上記の例は次のようになり：

$(document).ready(function(){ 
    $("#grey-button").click(function(){ 
     $(".red, .black").hide() 
    }); 
}); 

これは、CSSプロパティdisplayと値noneを加算し、赤と黒のクラスを持つすべての要素を非表示にします。

これは、ブラウザに表示されないようにします。残りの要素は、設定した浮動小数点数に従って、別の場所に配置されます。