Question

I have a partial view with some JQuery…

    $("#btnCancelPayment").click(function () {
        $(this).closest('#test').show('fast');
        $(this).closest("#paymentSection").hide('fast');
    });

And this partial view sits in the div with id of paymentSection in the root view… wondering how I can find other elements on the root view other than the paymentSection div… (the hide above works, but the show doesn’t). The root view:

<div id="test">testing </div>

<div id="paymentSection"></div>

It’s JQuery…

$("#btnYesPayment").click(function () {
   ....
        $("#paymentSection").load('/Donation/AddPaymentInfo', function () {
            $("#paymentSection").show('fast');
            $('#spinner').hide();
        });
    });

Any thoughts? Thanks!

Answer 1

change this line

 $(this).closest('#test').show('fast');

to

if($('#test').length>0){
 $('#test').show('fast');
}else console.log('there is no such element');