jquery - ドロップダウンボックスを使用して.classで画像をフィルタリングする方法

Question

私は別の質問を見回していました
入力フォームとjqueryを使用してカテゴリ別に画像をフィルタリングする方法は?

私の質問のようなもので、いくつかのjsfiddlesで遊んでみましたが、成功しませんでした。 http://jsfiddle.net/3bk22/44/

<img src="http://placehold.it/123x100/123/1" class='landClass' />

<img src="http://placehold.it/100/fe2/2" class='landClass' />

<img src="http://placehold.it/100x50/aaa/3" class='absClass' />

<img src="http://placehold.it/200x150/42E/4" class='landClass' />
<br/> <br/>
Filter: <br/>
<select>
<option value="abstract" /> Abstract<br />
<option value="landscape" /> Landscape<br />
</select>

$('option[value="landscape"]').click(function(){
$('.landClass').toggle();
 });

$('option[value="abstract"]').click(function(){
    $('.absClass').toggle();
});

クラスが与えられた後、850以上の画像のフィルターを作成できるかどうかは基本的に知りたくありません。チェックボックスを使用する予定でしたが、50 以上のカテゴリがあり、ボックスに必要な領域を最小限に抑えたいと考えていました。

私は何を達成しようとしていますか？
- すべてのカテゴリのドロップ ダウン フィルター。
- カテゴリを無制限に追加できるドロップダウン メニュー。
- ボックスが空であることを表示するロード時のデフォルト。
- 現在のフィルターに含まれていない画像を非表示にします。