show & hide div by checkbox

please say me, what's wrong ? we have many checkbox. OnClick any checkbox div "catdiv" must animate (bottom,0 %).

If checked checkbox is <1, "catdiv" must hide with animate...

<script>
$(':checkbox').on('change', function() {
$("#catdiv").animate ({bottom: "0%"), 500 );
});
</script>