Actually you have this in your html product page (this is the only part do you need to change):

<div id="main">
	<div id="showdiv1"></div>
	<div id="showdiv1"></div>
	<div>
		<a href="#showdiv1" class="clicker" tabindex="1" id="tab1"> Features <i class="fa fa-plus"></i> </a> <a href="#hidediv1" class="clicker hidden" tabindex="1"> Features <i class="fa fa-minus"></i> </a>
		<div class="hiddendiv nr1">
			<br>
			<ul>
				<li>
					<strong>SKIN-FRIENDLY </strong> <br><span size="2" style="font-size: small;">The gloves are BPA free. The surface is made of soft silicone which is comfortable on the skin. The back is made out of durable and breathable mesh. so it is very comfortable to use.</span>
				</li>
				<li>
					<strong>PERFECT FOR ALL COAT TYPES</strong> <br><span size="2" style="font-size: small;">They do an excellent job on hair removal, whether the pet has long or short hair and whether you are using it in dry or wet conditions.</span>
				</li>
				<li>
					<strong>FIVE-FINGER DESIGN</strong> <br><span size="2" style="font-size: small;">Glove gently imitates the real touch of your hand. Let your fur-baby think he is getting massaged instead of groomed.</span>
				</li>
				<li>
					<strong>USE IT WET OR DRY</strong> <br>It's great for bathing your pet, washing with waterless shampoo or cleaning with detangling spray.</li>
					<li>
						<strong>DESIGNED WITH SOFT RUBBER TIPS</strong> <br><span size="2" style="font-size: small;">Gently fix nasty tangles and mats while lifting dirt and dust from the fur, IT IS WASHABLE, Simply dry under the Sun after using.</span>
					</li>
					<li>
						<strong> ADJUSTABLE WRIST STRAP</strong> <br><span size="2" style="font-size: small;">gently secures glove on any hand.</span>
					</li>
					<li>
						<strong> EASY TO CLEAN</strong> <br><span size="2" style="font-size: small;">When grooming session is finished – simply peel the hair off and throw it away.</span>
					</li>
				</ul>
			</div>
		</div>
		<div id="showdiv2"></div>
		<div>
			<a href="#showdiv2" class="clicker" tabindex="2">Shipping<i class="fa fa-plus"></i></a> <a href="#hidediv2" class="clicker hidden" tabindex="2">Shipping<i class="fa fa-minus"></i></a>
			<div class="hiddendiv nr2">
				<p><strong>How long will my purchase take to arrive?</strong></p>
				<p>Your order is sent from a worldwide fulfillment center and typically takes 10-14 days to arrive. Please allow 24-48 hours to process your order.</p>
				<p>&nbsp;</p>
				<p><strong>Do you provide order tracking?</strong></p>
				<p>Yes, a tracking number is sent with every order after processing. We pride ourselves on customer service and will endeavor to fix any issues as soon as possible.</p>
				<p>&nbsp;</p>
				<p><strong>What is the shipping cost?</strong></p>
				<p>Shipping is FREE for all major countries!</p>
				<p>&nbsp;</p>
			</div>
			<hr style="border-width: medium;">
			<center><img src="https://cdn.shopify.com/s/files/1/0286/4866/9321/files/sitebadgessafety-570x137_1beb536b-5f27-4d7a-bfd8-462a63041670.png?v=1578866098"></center>
		</div>
	</div>

So, you have to change it to:

<div id="main">
	<div class="shopify_explorer_faq__item shopify_explorer_faq__item--expandable">
		<h3 class="shopify_explorer_faq__question h5 link">What payment methods do you accept?</h3>
		<div class="shopify_explorer_faq__answer rte" style="display: none;">
			<p>We accept all major credit cards (Visa, MasterCard, Discover, American Express).</p>
		</div>
    </div>
	<div class="shopify_explorer_faq__item shopify_explorer_faq__item--expandable">
		<h3 class="shopify_explorer_faq__question h5 link">What payment methods do you accept?</h3>
		<div class="shopify_explorer_faq__answer rte" style="display: none;">
			<p>We accept all major credit cards (Visa, MasterCard, Discover, American Express).</p>
		</div>
    </div>
	<div>
		<hr style="border-width: medium;">
		<center><img src="https://cdn.shopify.com/s/files/1/0286/4866/9321/files/sitebadgessafety-570x137_1beb536b-5f27-4d7a-bfd8-462a63041670.png?v=1578866098"></center>
	</div>
</div>


Also do you need to add this to your JS scripts (almost same that code in faq page):

(function() {
  $('body').on('click', '.shopify_explorer_faq__question', function() {
    $(this).next('.shopify_explorer_faq__answer').slideToggle(150).toggleClass('active');
    $(this).toggleClass('active');
    $(".shopify_explorer_faq__question").not(this).next('.shopify_explorer_faq__answer').slideUp(150).removeClass('active');
    $(".shopify_explorer_faq__question").not(this).removeClass('active');
  });

 $(document).on('shopify:block:select', '#shopify-section-page-shopify_explorer_faq-template', function(event) {
    $(event.target).find('.shopify_explorer_faq__answer').slideDown(150);
  });

  $(document).on('shopify:block:deselect', '#shopify-section-page-shopify_explorer_faq-template', function(event) {
    $(event.target).find('.shopify_explorer_faq__answer').slideUp(150);
  });

})();

Once you make changes, let me know what changes you want to make (css tweaks and fixes)