JSFiddle - React, Tailwind, and code Playground

by Serge Zahharenko

HTML

<ul class="payment-methods" id="pmethods" style="margin-left:320px;">
  <li class="payment-method paypal">
    <input name="payment_methods" type="radio" id="paypal">
    <label for="paypal">PayPal</label>
  </li> 
  <li class="payment-method payza">
    <input name="payment_methods" type="radio" id="pagseguro">
    <label for="pagseguro">PagSeguro</label>
  </li>
</ul>
      
<div>
    <div id="paypal_div">paypal_div</div>
    <div id="pagseguro_div">pagseguro_div</div>
</div>

JavaScript

$(document).ready(function(){
    $('.payment-method input').change(function(){
        $('#'+this.id+'_div').show().siblings().hide()
    })
})