{"product_id":"piece-task-chair-cream","title":"Piece Task Chair | Cream","description":"\u003cstyle\u003e  \n  .content-wrapper {\n    max-height: 100px;\n    overflow: hidden;\n    position: relative;\n    transition: max-height 0.3s ease-out;\n  }\n  \n  .content-wrapper.expanded {\n    max-height: 500px;\n  }\n\n  .read-more-button {\n    display: block;\n    margin-top: 15px;\n    cursor: pointer;\n    color: #736357;\n  }\n  \n  .collapsible {\n    background-color: #FBF9F7;\n    color: #736357;\n    cursor: pointer;\n    padding: 20px 0px;\n    width: 100%;\n    border: none;\n    text-align: left;\n    font-size: 15px;\n  }\n\n  .collapsible:after {\n    content: '\\002B';\n    color: #736357;\n    font-weight: bold;\n    float: right;\n    margin-left: 5px;\n  }\n\n  .active:after {\n    content: \"\\2212\";\n  }\n  \n  .content {\n    padding: 0px 10px;\n    max-height: 0;\n    overflow: hidden;\n    transition: max-height 0.2s ease-out;\n    background-color: #FBF9F7;\n  }\n\n  a:hover {\n    color: #CABEB4;\n  }\n\n\u003c\/style\u003e\n\u003cdiv id=\"myContent\" class=\"content-wrapper\"\u003e\n  \u003c!-- This is the Product Description --\u003e\n  \u003cp\u003eThe Piece Task Chair comes in the the cream frame, with cream seat upholstery and cream mesh, the grey frame, with grey seat upholstery and grey mesh, and the black frame, with black seat upholstery and black mesh.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cspan class=\"read-more-button\" onclick=\"toggleReadMore()\"\u003e+ More\u003c\/span\u003e\n\u003cbr\u003e\u003cbr\u003e\n\n\u003c!-- These are the dropdown tabs of information --\u003e\n\u003cbutton class=\"collapsible\"\u003eDetails\u003c\/button\u003e\n\u003cdiv class=\"content\"\u003e\n  \u003c!-- These are where the variant details go --\u003e\n  \u003ch5\u003eDesigns Available\u003c\/h5\u003e\n  \u003ch5\u003eFrame Options\u003c\/h5\u003e\n  \u003cp\u003eCream | Grey | Black\u003c\/p\u003e\n  \u003cbr\u003e\n  \u003ch5\u003eUpholstery Colour Options\u003c\/h5\u003e\n  \u003cp\u003eCream | Grey | Black\u003c\/p\u003e\n  \u003cbr\u003e\n  \u003ch5\u003eBackrest Mesh Colour Options\u003c\/h5\u003e\n  \u003cp\u003eCream | Grey | Black\u003c\/p\u003e\n  \u003cbr\u003e\n  \u003ch5\u003eProduct Dimensions\u003c\/h5\u003e\n  \u003cp\u003eHeight: 990mm - 1090mm\u003c\/p\u003e\n  \u003cp\u003eDiameter: 565mm\u003c\/p\u003e\n  \u003cp\u003eWidth: 675mm\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c!-- This is for the certifications and warranties (not all products have both) --\u003e\n\u003cbutton class=\"collapsible\"\u003eCertifications\u003c\/button\u003e\n\u003cdiv class=\"content\"\u003e \n  \u003ch5\u003eCertifications\u003c\/h5\u003e\n  \u003cp\u003eBIFMA\u003c\/p\u003e\n\u003c\/div\u003e \n\n\u003cscript\u003e\nvar coll = document.getElementsByClassName(\"collapsible\");\nvar i;\n\nfor (i = 0; i \u003c coll.length; i++) {\n  coll[i].addEventListener(\"click\", function() {\n    this.classList.toggle(\"active\");\n    var content = this.nextElementSibling;\n    if (content.style.maxHeight){\n      content.style.maxHeight = null;\n    } else {\n      content.style.maxHeight = content.scrollHeight + \"px\";\n    }\n  });\n}\n\nfunction toggleReadMore() {\n  const content = document.getElementById('myContent');\n  content.classList.toggle('expanded');\n  const button = document.querySelector('.read-more-button');\n  if (content.classList.contains('expanded')) {\n    button.textContent = 'Show Less';\n  } else {\n    button.textContent = '+ More';\n  }\n}\n\u003c\/script\u003e","brand":"M\u0026E Interiors","offers":[{"title":"Default Title","offer_id":51714339176763,"sku":null,"price":0.0,"currency_code":"AUD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0691\/6089\/4779\/files\/Piece-Task-Cream-Front-Angle.png?v=1789761854","url":"https:\/\/meinteriors.com.au\/products\/piece-task-chair-cream","provider":"meinteriors","version":"1.0","type":"link"}