
Personality Printed Drawstring Mesh Shorts
.accordion{ font-size: 14px; width: 100%; } .product-info-description{ margin: 10px 0; } .product-info-description-header{ font-weight: bold; line-height: 40px; font-size: 15px; border-bottom: solid 1px #ddd; clear: both; } .product-info-description-content{ margin-top: 10px; } .product-info-sizechart-table p{ display: block; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; text-indent:2em; line-height: 1.2rem; } .product-info-description-table{} .product-info-description-table-item{ margin: 5px; } .item-key{ display: inline; width:40%; } .item-value{ display: inline; float: right; text-align: left; width:60%; } .product-info-sizechart-table{ border-collapse: collapse; border-spacing: 0; display: none; background: none !important; } .product-info-sizechart-table.active{ display: block; } .product-info-sizechart-table-tr thread{ color: #222; white-space: nowrap; } .product-info-sizechart-table-tr td{ padding: 12px 10px; border: 1px solid #e5e5e5; -webkit-transition: background-color .2s,color .2s; transition: background-color .2s,color .2s; } .product-info-sizechart-table-tr td:first-child{ padding: 12px 5px; color: #222; white-space: nowrap; table-layout: fixed; } .product-info-sizechart-table-tr:nth-child(2n){ background: #f6f6f6; } .table-container{ width: 100%; overflow-y: auto; _overflow: auto; margin: 0 0 1em; } .table-container::-webkit-scrollbar { -webkit-appearance: none; width: 14px; height: 14px; } .table-container::-webkit-scrollbar-thumb { border-radius: 8px; border: 4px solid #fff; background-color: rgba(0, 0, 0, .3); } .__cm{ padding: 10px; border: solid 1px #ddd; } .__cm:hover{ background: #222; color:white; } .__cm.active{ background: #222; color:white; /* border: solid 2px #222; */ } .__inch{ padding: 10px; border: solid 1px #ddd; margin-left: -4px; border-left: none; } .__inch.active{ background: #222; color:white; } .__inch:hover{ background: #222; color:white; } jQuery(function(){ jQuery(".__cm").on('click',function(){ jQuery(this).siblings().removeClass('active'); jQuery(this).addClass('active'); jQuery("table[data-unit='cm']").removeClass('active').addClass('active'); jQuery("table[data-unit='inch']").removeClass('active'); }); jQuery(".__inch").on('click',function(){ jQuery(this).siblings().removeClass('active'); jQuery(this).addClass('active'); jQuery("table[data-unit='inch']").removeClass('active').addClass('active'); jQuery("table[data-unit='cm']").removeClass('active'); }); jQuery('.product-info-description-header').on('click',function(){ jQuery(this).siblings('.product-info-description-content').toggle('fast',function(d){ var hide = $(this).css('display')=="none"?true :false; if(hide){ $(this).siblings('.product-info-description-header').children('svg').css('transform','scaleY(-1)'); }else{ $(this).siblings('.product-info-description-header').children('svg').css('transform','scaleY(1)'); } }); }); }); Description Spu: XHslTXtqs Season: Spring, Summer, Autumn, Winter Occasion: Outdoors, Street Color: Black Style: Casual, Basics, Hip Hop, Punk, Street Length: Above Knee/Short Size & Fit cm inch Size S M L XL 2XL 3XL Waist 76 80 84 88 92 96 Length 42 43 44 45 46 47 Hips 107 112 117 122 127 132 Foot mouth 62.5 65 67.5 70 72.5 75 Size inch S M L XL 2XL 3XL Waist 29.9 31.5 33.1 34.6 36.2 37.8 Length 16.5 16.9 17.3 17.7 18.1 18.5 Hips 42.1 44.1 46.1 48.0 50.0 52.0 Foot mouth 24.6 25.6 26.6 27.6 28.5 29.5