展示＆amp;通过复选框隐藏div

Question

请告诉我，这有什么不对？ 我们有很多复选框。 OnClick任何复选框div“catdiv”必须显示animate（底部，0％）。

如果选中复选框是＆lt; 1，则“catdiv”必须隐藏动画...

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

Answer 1

您使用的是ID但是您可能需要使用class吗？

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

Answer 2

试试这个：

$('input[type="checkbox"]').click(function() {
    $(".catdiv").animate({bottom: "0%"}, 500 );
});

• 您可以使用$(this).is(':checked')检查复选框是否正确 检查与否。
• 对于.catdiv，它应该具有“absolute” position。您可以使用其ID或class来选择它。