{"product_id":"versa-chair-tan","title":"Versa Meeting Chair | Tan","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 {\n    color: #52473f;\n    font-weight: 900;\n  }\n\n  a:hover {\n    color: #CABEB4;\n  }\n\u003c\/style\u003e\n\n\u003cdiv id=\"myContent\" class=\"content-wrapper\"\u003e\n  \u003c!-- This is the Product Description --\u003e\n   \u003cp\u003eCrafted with detailed attention, the Versa Executive Meeting Chair Versa is high performing and sophisticated in its design. With a hidden chassis mechanism and genuine leather upholstery, it brings elegance to any executive office, conference or meeting room.\u003c\/p\u003e\n   \u003cbr\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  \u003cp\u003eBlack Leather Upholstery with Polished Aluminium Frame | Tan Leather Upholstery with Matt Black Coated Aluminium Frame | 140kg rated\u003c\/p\u003e\n  \u003cbr\u003e\n  \u003ch5\u003eProduct Dimensions\u003c\/h5\u003e\n  \u003cp\u003e660W x 660D x 1000H\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cbr\u003e\n\n\u003c!-- This is for the certifications and warranties (not all products have both) --\u003e\n\u003cbutton class=\"collapsible\"\u003eCertifications \u0026amp; Warranties\u003c\/button\u003e\n\u003cdiv class=\"content\"\u003e \n  \u003ch5\u003eCertifications\u003c\/h5\u003e\n  \u003cp\u003eECO 5-rated | BIFMA\u003c\/p\u003e\n  \u003cbr\u003e \n  \u003ch5\u003eWarranties\u003c\/h5\u003e\n  \u003cp\u003e5 years\u003c\/p\u003e\n  \u003cbr\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n  var coll = document.getElementsByClassName(\"collapsible\");\n  var i;\n  \n  for (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  \n  function 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":47783140688187,"sku":null,"price":0.0,"currency_code":"AUD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0691\/6089\/4779\/files\/Versa-Meeting-Chair-Tan-Front-Angle.png?v=1792123906","url":"https:\/\/meinteriors.com.au\/products\/versa-chair-tan","provider":"meinteriors","version":"1.0","type":"link"}