Javascript 在div中使用onclick函数显示/隐藏另一个div

我以前做过，但由于某种原因，这次不起作用，我盯着它看了这么久，我几乎保证我永远不会发现问题

我有一块HTML，它创建了一个表单

<div class="paymentForm">               

    <span class="pgHeading" style="margin: 30px 0;">Payment Information</span>
    <div class="inputRedTemplate paymentType inputRoundedTop" onclick="javascript:displayPaymentFields()">
        <div class="label">Credit Card</div>
    </div>

    <div class="inputRedTemplate paymentType">
        <div class="label">Cash</div>
    </div>

    <div class="inputRedTemplate paymentType inputRoundedBottom" onclick="">
        <div class="label">Check</div>
    </div>

    <div id="cashPaymentBlock">
        <span>For cash payments, bills higher than $20 will not be accepted.</span>
    </div>

    <div id="ccPaymentBlock">
        <span class="ccDisclaimer" style="margin: 30px 0;">
           Your credit card transaction will be processed by your store location and you must
           present your credit card to the driver at the time the store delivers your order for a
           credit imprint and your signature.
        </span>

        <input id="card_name" name="cardName" class="inputRedTemplate inputFullWidth" placeholder="Cardholder Name" />
        <input id="card_number" name="cardNumber" class="inputRedTemplate inputFullWidth" placeholder="Card Number" onkeypress="return checkNumbers(event,this)" />
        <div class="error" id="err_msg" style="display: none;">Numbers only!</div>

        <input id="card_type" name="cardType" class="inputRedTemplate inputFullWidth inputRoundedBottom" placeholder="Credit Card Type" />
        <input id="card_expire_month" name="cardExpireMonth" class="inputRedTemplate gcNumber" placeholder="2 Digit Expiration Month" />
        <input id="card_expire_year" name="cardExpireYear" class="inputRedTemplate gcPin" placeholder="4 Digit Year" />
        <input id="card_zip" name="cardZip" class="inputRedTemplate inputFullWidth inputRoundedBottom" placeholder="Billing ZIP Code" />
    </div>
    <div class="btnRedTemplate btnFullWidth checkoutBtn floatLeft" style="margin-top:30px;" onclick="" title="Submit Button" />Submit</div>
</div>

付款信息
信用卡
现金
检查
对于现金支付，超过20美元的账单将不予受理。
您的信用卡交易将由您的门店处理，您必须
在商店交付您的订单时，向司机出示您的信用卡
信用印记和您的签名。
只有数字！
提交

我有以下脚本：

<script>
    $(document).ready( function () {
        hideAllPaymentBlocks();
    })

    function hideAllPaymentBlocks() {
      $('#cashPaymentBlock').hide();
      $('#ccPaymentBlock').hide();
      // add line for checks, too
    }    

    function displayPaymentFields() {
        $('ccPaymentBlock').show();  
    }

</script>

$（文档）.ready（函数（）{
HidealPaymentBlocks（）；
})
函数hidealPaymentBlocks（）{
$（'#cashPaymentBlock'）.hide（）；
$（'#ccPaymentBlock'）.hide（）；
//也为支票添加行
}    
函数displayPaymentFields（）{
$（'ccPaymentBlock'）.show（）；
}

---

hidealPaymentBlocks

函数在ready函数中正确运行，但单击信用卡div时，

displayPaymentFields

似乎没有运行。没有错误；这根本没用。谁能给我指出正确的方向吗？正如我所说，我已经盯着这个问题看了一段时间了，我确信这是一个很容易解决的问题，但我的大脑无法正常工作。

你忘记了hash

$（“#ccPaymentBlock”）.show（）
您忘记了哈希值
$（'#ccPaymentBlock'）。show（）
是的。我盯着它看太久了！谢谢，是的。我盯着它看太久了！非常感谢。