JS 指定のクラスのみに並び替え

<script>
$(function(){
$("#tags span").click(function() {//#tag span　をクリックで
var tags = $(this).attr('id');//id名取得
$("#tags span").removeClass('select');//.selectを一度すべて削除
$(this).addClass('select');//取得したIDのみ.selectをつける
$("#jplan div.box3").hide();//#jplan div.box3を一度消す
if(tags == 'hps') {//2行目IDがhpsの場合
$("#jplan .hp").show();//#jplan .hpを表示
} else if(tags == 'seas') {//2行目IDがseasの場合
$("#jplan .sea").show();//#jplan .seaを表示
} else if(tags == 'events') {//2行目IDがeventsの場合
$("#jplan .event").show();//#jplan .eventを表示
} else {
$("#jplan div").show();//それ以外は#jplan divを表示
}
});
});
</script>