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