hola quiero ocultar y mostrar un texto bacalao gastos de envio
`<div class="row"> <div class="cell" id="well">Cod Shipping charge</div> <div class="cell free"><?php echo $priceCurrency->getCurrency()->getCurrencySymbol();?> <span class="text-shipping-charge"><?php echo number_format($shippingrate,2,'.',''); ?></span></div> </div>`al hacer clic en el código de pago a continuación
<div class="payment-option"> <div class="head" >Part Payment (COD + Online)</div> <div class="content"> <div class="cod-block"> <div class="cash-option"> <div class="pay-option"> <div class="option-info">20% Online (Now)</div> <div class="option-cash">₹ 12,650</div> </div> <div class="pay-option"> <div class="option-info">80% Cash On Delivery</div> <div class="option-cash">₹ 50,000</div> </div> </div>Por favor ayuda
Mencionas JQuery, por lo que usar eso podría ser algo como:
$('.payment-option').click(function(){ $('.row').show(); }); Aunque clase. la row no suena muy única, por lo que es posible que desee asignar a ese elemento una identificación única como
<div id="cod_shipping_charge" class="row">entonces puedes usar:
$('#cod_shipping_charge').show(); $(document).ready(function() { $("#btnNewGroup").click(function() { $("#newGroup").toggle(); }); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <div> <button id="btnNewGroup">New Group</button> <div id="newGroup" style="display:none">Div Content</div> </div>