<style>
.details-section {
margin-bottom: 10px;
}
.details-toggle {
background-color: #f7f7f7;
border: 1px solid #ddd;
padding: 10px 15px;
cursor: pointer;
font-weight: bold;
border-radius: 6px;
transition: background-color 0.3s;
}
.details-toggle:hover {
background-color: #ececec;
}
.details-content {
display: none;
padding: 10px 15px;
border-left: 3px solid #000;
margin-top: 5px;
}
.size-table {
width: 100%;
border-collapse: collapse;
margin-top: 10px;
}
.size-table th, .size-table td {
border: 1px solid #ddd;
padding: 8px;
text-align: center;
}
.size-table th {
background-color: #f2f2f2;
font-weight: bold;
}
</style>
<div class=”details-section”>
<div class=”details-toggle” onclick=”toggleDetails(‘size-guide’)”>
📏 Size Guide
</div>
<div id=”size-guide” class=”details-content”>
<table class=”size-table”>
<tr>
<th>SIZE</th>
<th>CHEST (IN)</th>
<th>SHOULDER (IN)</th>
<th>SLEEVE LENGTH (IN)</th>
</tr>
<tr>
<td>XS</td>
<td>18</td>
<td>18</td>
<td>24</td>
</tr>
<tr>
<td>S</td>
<td>20</td>
<td>20.5</td>
<td>24.5</td>
</tr>
<tr>
<td>M</td>
<td>22</td>
<td>21.5</td>
<td>25</td>
</tr>
<tr>
<td>L</td>
<td>24</td>
<td>24</td>
<td>25.5</td>
</tr>
<tr>
<td>XL</td>
<td>26</td>
<td>26</td>
<td>26</td>
</tr>
<tr>
<td>XXL</td>
<td>28</td>
<td>27.5</td>
<td>26</td>
</tr>
</table>
</div>
</div>
<!– Existing Shipping and Refund Sections –>
<div class=”details-section”>
<div class=”details-toggle” onclick=”toggleDetails(‘shipping-details’)”>
🚚 Shipping Details
</div>
<div id=”shipping-details” class=”details-content”>
<p>3–4 Business Days (Mon–Fri, Standard Shipping).<br>
<a href=”https://hoteru.shop/shipping-policy/” target=”_blank”><strong>View full policy</strong></a></p>
</div>
</div>
<div class=”details-section”>
<div class=”details-toggle” onclick=”toggleDetails(‘refund-policy’)”>
💸 Refund Policy
</div>
<div id=”refund-policy” class=”details-content”>
<p>Enjoy easy 30-day returns! Once we get your item back, your refund will be processed within 10 business days.<br>
<a href=”https://hoteru.shop/refund-policy/” target=”_blank”><strong>View full policy</strong></a></p>
</div>
</div>
<script>
function toggleDetails(id) {
const content = document.getElementById(id);
content.style.display = (content.style.display === “block”) ? “none” : “block”;
}
</script>
Reviews
There are no reviews yet.