.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; cursor:pointer; } .__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; cursor:pointer; } .__inch:hover{ background: #222; color:white; } .product-info-wrap{ margin-top: 16px; } .product-info-wrap .title{ color: #333; font-weight: bold; font-size: 14px; } .product-info-wrap ul{ margin-top: 10px; margin-bottom: 10px; } .product-info-wrap .item_li{ color: #333; font-size: 15px; font-weight: bold; padding-top: 5px; } .product-info-wrap .item_li span{ color: #999; font-size: 13px; margin-left: 5px; } .product-info-wrap .readMore{ color: #999; font-size: 14px; margin-left: 24px; text-decoration:underline; cursor: pointer; } .hide{display: none} .block{display: block} 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)'); } }); }); $(".Sizing li").filter(":lt(3)").show().end().filter(":gt(2)").hide(); $(".productDetails li").filter(":lt(3)").show().end().filter(":gt(2)").hide(); jQuery(".sizingContent .readMore").on('click',function(){ $(".Sizing li").show(); // $(".sizingContent .readMore").addClass('hide'); $(".sizingContent .readMore").addClass('hide').removeClass('block'); $(".sizingContent .hideBtn").removeClass('hide').addClass('block') }) jQuery(".sizingContent .hideBtn").on('click',function(){ $(".Sizing li").filter(":lt(3)").show().end().filter(":gt(2)").hide(); $(".sizingContent .readMore").addClass('block').removeClass('hide'); $(".sizingContent .hideBtn").removeClass('block').addClass('hide') }) jQuery(".productDetailsContent .readMore").on('click',function(){ $(".productDetails li").show(); // $(".sizingContent .readMore").addClass('hide'); $(".productDetailsContent .readMore").addClass('hide').removeClass('block'); $(".productDetailsContent .hideBtn").removeClass('hide').addClass('block') }) jQuery(".productDetailsContent .hideBtn").on('click',function(){ $(".productDetails li").filter(":lt(3)").show().end().filter(":gt(2)").hide(); $(".productDetailsContent .readMore").addClass('block').removeClass('hide'); $(".productDetailsContent .hideBtn").removeClass('block').addClass('hide') }) }); Description Fit & Sizing Season:Summer Type:Regular Stretch:Very Stretchy Sleeve Length:Short Sleeves Sleeve Type:Ruffle Sleeve Dresses Length:Short Read More Hide Product Details Color:Green Style:Day Dresses ,Brunch Type:Regular Neckline:V Neck Occasion:Vacation,Elegance Pattern Type:Plain Details:A-line ,Wrap ,Knotted ,Ruffle Hem Read More Hide Materials & Care Fabric Composition:95% Polyester, 5% Spandex Care:Machine wash cold gentle cycle, Do not bleach, Do not tumble dry, Iron on low heat, Wash with like colors. Size inch cm Size US UK FU Length Bust Shoulder Waist 0XL 12 16 42 95.5 99 39 81 1XL 14-16 18-20 44-46 97 104 40 86 2XL 18-20 22-24 48-50 100 114 42 96 3XL 22-24 26-28 52-54 103 124 44 106 4XL 26 30 56 106 134 46 116 5XL 28 32 58 109 144 48 126 Size inch US UK FU Length Bust Shoulder Waist 0XL 12 16 42 37.6 39 15.4 31.9 1XL 14-16 18-20 44-46 38.2 40.9 15.7 33.9 2XL 18-20 22-24 48-50 39.4 44.9 16.5 37.8 3XL 22-24 26-28 52-54 40.6 48.8 17.3 41.7 4XL 26 30 56 41.7 52.8 18.1 45.7 5XL 28 32 58 42.9 56.7 18.9 49.6
