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

Cha*_*kar 0 javascript jquery

当我选中复选框时,我试图在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>
Run Code Online (Sandbox Code Playgroud)

Tus*_*har 5

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