当我选中复选框时,我试图在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)
$(".filter").on('change', function () {
if ($(this).is(':checked'))
$("p").slideToggle();
});
Run Code Online (Sandbox Code Playgroud)