{"product_id":"studios-dining-armchair","title":"Studios Dining Armchair","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 evergreen director's chair finds in Studios a fresh and modern interpretation, able to act as star piece in an outdoor space.\u003c\/p\u003e\n  \u003cbr\u003e\n  \u003cp\u003eThe Studios Dining Armchair comes in an aluminium textured matt warmwhite\/aluminium textured matt warmgrey frame with a acrylic nature white\/acrylic nature grey fabric seat.\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\u003eAluminium Textured Matt Warmwhite | Aluminium Textured Matt Warmgrey\u003c\/p\u003e\n  \u003cbr\u003e\n  \u003ch5\u003eSeat Fabric Options\u003c\/h5\u003e\n  \u003cp\u003eAcrylic Nature White | Acrylic Nature Grey\u003c\/p\u003e\n  \u003cbr\u003e\n  \u003ch5\u003eProduct Dimensions\u003c\/h5\u003e\n  \u003cp\u003eWidth: 59cm\u003c\/p\u003e\n  \u003cp\u003eDepth: 51cm\u003c\/p\u003e\n  \u003cp\u003eHeight: 84cm\u003c\/p\u003e\n  \u003cp\u003eWeight: 6kg\u003c\/p\u003e\n  \u003cbr\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":"Ethimo","offers":[{"title":"Default Title","offer_id":51233821557051,"sku":null,"price":0.0,"currency_code":"AUD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0691\/6089\/4779\/files\/Studios-Dining-Armchair.png?v=1778266435","url":"https:\/\/meinteriors.com.au\/products\/studios-dining-armchair","provider":"meinteriors","version":"1.0","type":"link"}