jquery - 当用户单击单选框时，如何使用 Jquery 显示隐藏的 DIV？

Question

当用户选择单选框时，我很难显示隐藏的 div。

这是我的代码：

jQuery

<script>
$(document).ready(function () {
  $(".paypalmethod").click(function() {
  $(".paypalinfo").show('slow');

});

</script>

html

<input name="method" type="radio" value="paypal" class="paypalmethod"/><img src="/images/paymentlogos/PayPal.png" />

<div class="paypalinfo" style="display:none">Paypal the safe and easy way to pay. Paypal accepts all major credit cards.</div>

Answer 1

您});的代码中缺少关闭，您需要关闭document.ready和.click()，如下所示：

$(document).ready(function () { //or just $(function() { works here as well
  $(".paypalmethod").click(function() {
    $(".paypalinfo:hidden").show('slow');
  });
});

此外，为了在元素已经可见时不产生淡入淡出，请像我上面那样添加一个:hidden选择器。这使得它仅在当前隐藏的元素中查找/淡入，并且在它已经显示时不会重新淡入。

Answer 2

这是一个语法错误。您需要关闭第二个函数和 jQuery 调用：

<script>
$(document).ready(function () {
  $(".paypalmethod").click(function() {
    $(".paypalinfo").show('slow');
  });
});

</script>