使用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

这就是我的工作而且有效：

＆＃13;

＆＃13;

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

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;