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 selector。这使得它只能在元素中找到/淡入它，如果它当前是隐藏的，并且在它已经显示时不会重新淡入它。

Answer 2

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

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

</script>

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

2 个答案: