从<select> </select>中选择值后显示/隐藏

Question

这是一个基本的jquery show / hide。

$(function() {
    $('.schools').hide();
    $('#district').change(function(){
        $('.schools').hide();
        $('#' + $(this).val()).show();
    });
}); 

将在选定后显示来自某个地区的高中，小学。我想以 json 格式进行，我想这很容易维护。请跟我说，我只是一个玩jquery的设计师。的 This is my fiddle 即可。谢谢。