V-Neck Pocket Ruffle Glitter Jumpsuit
.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:Fall Type:Regular Stretch:Slightly Stretchy Sleeve Length:Long Sleeves Sleeve Type:Lantern Sleeve Bottom Length:Long Read More Hide Product Details Color:Black Style:Masquerade Type:Regular Neckline:V Neck Occasion:Party Pattern Type:Plain Details:Pocket,Ruffle Read More Hide Materials & Care Fabric Composition:66% Nylon, 17% Metallized Fibres, 17%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 EU Length Bust Shoulder Sleeve Length Waist Hip 0XL 12 16 42 141.5 103 37 61 83 121 1XL 14-16 18-20 44-46 143 108 38 62 88 126 2XL 18-20 22-24 48-50 146.5 118 40 63.5 98 136 3XL 22-24 26-28 52-54 150 128 42 65 108 146 4XL 26 30 56 153.50 138 44 66.50 118 156 5XL 28 32 58 157 148 46 68 128 166 Size inch US UK EU Length Bust Shoulder Sleeve Length Waist Hip 0XL 12 16 42 55.7 40.6 14.6 24 32.7 47.6 1XL 14-16 18-20 44-46 56.3 42.5 15 24.4 34.6 49.6 2XL 18-20 22-24 48-50 57.7 46.5 15.7 25 38.6 53.5 3XL 22-24 26-28 52-54 59.1 50.4 16.5 25.6 42.5 57.5 4XL 26 30 56 60.4 54.3 17.3 26.2 46.5 61.4 5XL 28 32 58 61.8 58.3 18.1 26.8 50.4 65.4