javascript - jQuery显示隐藏部分不起作用-包括JSfiddle

我有一个脚本，当您单击一个复选框时，它会显示一个隐藏的<div>。我似乎无法弄清楚为什么该部分不会显示。以下是我拥有的脚本...

这是一个JSfiddle要查看复选框向下滚动到显示“添加配偶”的位置，该部分隐藏在此处。

 $.appicant.applicants();
 $('#spouse').live('click', function () {
     alert('s');
     if ($(this).is(':checked')) {
         $('.spouse-content').slideDown();
     } else {
         $('.spouse-content').slideUp();
     }
 });

最佳答案

您应该使用on()，因为live()方法在jQuery 1.7+版本中已弃用，在1.9+版本中已删除

$.appicant.applicants();
 $('#spouse').on('click', function () {
     alert('s');
     if ($(this).is(':checked')) {
         $('.spouse-content').slideDown();
     } else {
         $('.spouse-content').slideUp();
     }
 });

Fiddle Demo

正如，@ KevinJantzer所说，$.appicant.applicants();行存在一些问题