当用户单击单选框时，如何使用 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< /code> 选择器就像我上面的那样。这使得它仅在当前隐藏的元素中查找/淡入，并且在元素已经显示时不会重新淡入。

Answer 2

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

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

</script>