
Drawstring Wide-Leg Cargo Workout Pants
.product-details h2 { cursor: pointer; padding: 10px; margin: 0; font-size: 18px; font-weight: bold; display: flex; align-items: center; justify-content: space-between; color: black; } .detail-content { display: none; margin: 0px 0; padding: 0px; } .detail-content.active { display: block; } .detail-content-table { width: auto; min-width: 100%; border-collapse: collapse; margin-top: 10px; table-layout: auto; } .detail-content-table th, .detail-content-table td { border: 1px solid black; padding: 8px; text-align: left; color: black; font-size: 14px; white-space: nowrap; } .product-intro { margin-bottom: 20px; } .product-intro h5 { font-size: 23px; font-weight: bold; color: black; text-transform: capitalize; line-height: 1.5; } .product-intro h6 { font-size: 15px; color: black; line-height: 1.5; font-weight: normal; } .table-container { overflow-x: auto; overflow-y: hidden; width: 100%; position: relative; } .toggle-button { padding: 8px 16px; margin-right: 10px; background-color: #f1f1f1; border: 1px solid #ccc; cursor: pointer; } .toggle-button.active { background-color: #000; color: #fff; } .scroll-indicator { position: absolute; bottom: 0; height: 4px; width: 100%; background: linear-gradient(to right, #ccc, #999); border-radius: 2px; z-index: 1; pointer-events: none; } Description Product Name: Drawstring Wide-Leg Cargo Workout Pants SMFK's 2025 minimalist wide-leg workout pants with drawstring closure. Features include adjustable rope channels at the bottom for customizable wide-leg or cuffed styles, embroidered SMFK COMPASS bordered cross-compass pattern on the outer pant legs, and an ultra-narrow waistband with vintage cotton drawstring for adjustable mid-rise to low-rise fit. SIZE in cmSIZE in Inch Size Chart Size Waist (cm) Hip (cm) Length (cm) XS 94 115 106.5 S 97 118 107 M 100 121 107.5 L 103 124 108 Size Waist (in) Hip (in) Length (in) XS 37.01 45.28 41.93 S 38.19 46.46 42.13 M 39.37 47.64 42.32 L 40.55 48.82 42.52 Model Info Model Height (cm) Weight (kg) Bust/Waist/Hips (cm) Size 166 45 78/65/88 S 175 49 77/56/86 S Model Height (in) Weight (lbs) Bust/Waist/Hips (in) Size 5'5" 99.2 30.7"/25.6"/34.6" S 5'9" 108 30.3"/22.0"/33.9" S Composition + Fabric Composition: 100% Nylon document.addEventListener('DOMContentLoaded', function() { // 初始化显示 document.getElementById('size-chart-cm').style.display = 'block'; document.getElementById('model-info-cm').style.display = 'block'; document.getElementById('composition').style.display = 'block'; // 尺寸单位切换 document.getElementById('size-cm-btn').addEventListener('click', function() { showSize('cm'); }); document.getElementById('size-inch-btn').addEventListener('click', function() { showSize('inch'); }); function toggleDetail(id) { var element = document.getElementById(id); var arrow = element.previousElementSibling.querySelector('.arrow'); if (element.style.display === 'block') { element.style.display = 'none'; arrow.textContent = '+'; } else { element.style.display = 'block'; arrow.textContent = '—'; } } function showSize(sizeType) { var cmTables = [ document.getElementById('size-chart-cm'), document.getElementById('model-info-cm') ]; var inchTables = [ document.getElementById('size-chart-inch'), document.getElementById('model-info-inch') ]; var buttons = document.getElementsByClassName('toggle-button'); cmTables.forEach(table => { table.style.display = sizeType === 'cm' ? 'block' : 'none'; }); inchTables.forEach(table => { table.style.display = sizeType === 'inch' ? 'block' : 'none'; }); buttons[0].classList.toggle('active', sizeType === 'cm'); buttons[1].classList.toggle('active', sizeType === 'inch'); } });