Js not working

[Neeraj5514]

Below is my template where I want to hide a paragraph content when clicking on button monthly or one time but its not reflecting js code. I am writting this issue over email because on priority support showing permission forbidden.

MY template

Help Spread Faith,
Hope and Prayer

Every year Guideposts brings hope and inspiration into the lives of millions of people in need. Your generosity powers these efforts.

100% of your giving will be used to enable us to continue spreading practical hope and faith to those who need it most.

With your monthly gift of at least $10, you will become a Friend in Faith and receive exclusive benefits including a free subscription to Guideposts magazine or Abide, our award-winning prayer and meditation app. Give $20 and get both!

Secure Donation

<script> </script>

Js code

add_action( 'givewp_donation_form_enqueue_scripts', function(){
?>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script> <script> jQuery(document).ready(function($) { jQuery("#subscriptionPeriod_0").on("click", function() { jQuery("#textcenter").hide(); // Replace with the actual ID of the div to hide }); jQuery("#subscriptionPeriod_1").on("click", function() { jQuery("#freq_con").show(); // Replace with the actual ID of the div to show }); }); </script>

[jonwaldstein]

@Neeraj5514 thanks for reaching out.

We have identified your issue as a support request and encourage you to open a tick via priority support or support forum so our team can help you in more depth and ensure prioritization.