JSFiddle - React, Tailwind, and code Playground
by Suryar Praveen
HTML
<div id="menu2" class="tab-pane fade lca_payment_section active in" style="
overflow: hidden;
">
<!-- Saved Cards -->
<div class="manageSaved_cards">
<div class="et_pb_module et_pb_toggle clearfix et_pb_toggle_0 et_pb_toggle_item et_pb_toggle_close" id="saved_cards_one">
<div class="et_pb_toggle_title">
<span class="defaultbtn">Default</span>
<i class="fa fa-check-circle mr-10 clrOrange" aria-hidden="true"></i><img src="https://dx76x1za92u79.cloudfront.net/wp-content/themes/Divi-child/img/cards/V.svg" data-lazy-src="https://dx76x1za92u79.cloudfront.net/wp-content/themes/Divi-child/img/cards/V.svg" width="70px;" alt="creditcard" class="lazyloaded" data-was-processed="true">
<span class="cardNumber">511656****1799</span>
<span class="cardNumber"><span class="endDateText">End Date</span> 20/20/2023</span>
<span class="cardNumber"><a href="#">Remove</a></span>
<span class="cardNumber"><a href="#">Renew</a></span></div>
<div class="et_pb_toggle_content clearfix" style="display: none;">
<div class="saved_card payment_details_tab_content" id="payment_details_tab_content_saved_card">
<ul>
<li class="et_saved_card_select">
<input type="radio" class="cc_field" data-value="0" name="saved_card_select" value="0" checked="true" card_no="511656****1799" card_type="M" card_expiry_date="122022" card_key="4643994" name_on_card="S Baskararanjan">
<img src="https://dx76x1za92u79.cloudfront.net/wp-content/themes/Divi-child/img/cards/V.svg" data-lazy-src="https://dx76x1za92u79.cloudfront.net/wp-content/themes/Divi-child/img/cards/V.svg" width="70px;" alt="creditcard" class="lazyloaded" data-was-processed="true"><noscript><img src="https://dx76x1za92u79.cloudfront.net/wp-content/themes/Divi-child/img/cards/M.svg" width="70px;" alt="creditcard" /></noscript>
511656****1799 <input type="password" class="cvv_password cvv_0" name="cc_cvv_0"...