Question

当我选中复选框时，我试图在jquery中滑动div。但没有工作

我该怎么做？

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $(".filter").prop('checked')(function(){
        $("p").slideToggle();
    });
});
</script>
</head>
<body>

<input type="checkbox" name="checkd" class="filter">
<p>Slider div</p>



</body>
</html>

Answer 1

$(".filter").on('change', function () {
    if ($(this).is(':checked'))
        $("p").slideToggle();
});

Answer 2

$(".filter").on('change', function () {
    $("p").slideToggle();
});

jsfiddle DEMO

Answer 3

希望这就是你要找的东西

text

如何滑动div，选中输入复选框

3 个答案: