切换表单元素的可见性

Toggle visibility of a form element

我正在尝试使用 jQuery 切换表单元素的可见性。我有一个翻转开关小部件,正在使用 class='reviewControls'data-wrapper-class='reviewControls' 属性将其设置为 class,如 this fiddle 中所示。问题是它在 fiddle 中有效,但在我的代码中无效。我的代码隐藏了 <label> 字段而不是 <input> 字段。我发现很难调试,因为 jQuery 将 style="display: none; 添加到 <label> 元素,但 <input> 元素(及其样式)保持不变。有什么想法吗?

我似乎无法解决这个问题,但是将元素包装在另一个 <div> 中然后隐藏新的 <div> 解决了这个问题。