javascript - 使用 jQuery 在单击标签时隐藏某个 div

Question

为什么当我将复选框放在标签内时，它似乎停止工作了

这是我的 html 代码。

<label> <input type="radio" name="form-showhide" checked="checked" required value="call">Call </label>
<label> <input type="radio" name="form-showhide" value="email">Email </label>

这是我的 jQuery 代码。

$("#lcall").live('click', function() {
    $("#additional-info").show();
});
$("#lnk2").live('click', function() {
    $("#lmail").hide();
});

Answer 1

这就是我所做的并且有效:

$(document).ready(function() {
  $('.toggler').click(function() {
    $('.toggle').toggle('slow');
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p class="toggler">Click Me</p> <p class="toggle">I will hide</p>