{"version":"1.0","provider_name":"Web Guide","provider_url":"https:\/\/www.med.unc.edu\/webguide","author_name":"Alicia Orth","author_url":"https:\/\/www.med.unc.edu\/webguide\/author\/aorth\/","title":"Alternate Accordion Styles - Web Guide","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"mrPisCeHhD\"><a href=\"https:\/\/www.med.unc.edu\/webguide\/userguide\/styling-content\/accordions\/alternate-accordion-styles\/\">Alternate Accordion Styles<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/www.med.unc.edu\/webguide\/userguide\/styling-content\/accordions\/alternate-accordion-styles\/embed\/#?secret=mrPisCeHhD\" width=\"600\" height=\"338\" title=\"&#8220;Alternate Accordion Styles&#8221; &#8212; Web Guide\" data-secret=\"mrPisCeHhD\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"><\/iframe><script type=\"text\/javascript\">\n\/* <![CDATA[ *\/\n\/*! This file is auto-generated *\/\n!function(d,l){\"use strict\";l.querySelector&&d.addEventListener&&\"undefined\"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!\/[^a-zA-Z0-9]\/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret=\"'+t.secret+'\"]'),o=l.querySelectorAll('blockquote[data-secret=\"'+t.secret+'\"]'),c=new RegExp(\"^https?:$\",\"i\"),i=0;i<o.length;i++)o[i].style.display=\"none\";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute(\"style\"),\"height\"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):\"link\"===t.message&&(r=new URL(s.getAttribute(\"src\")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener(\"message\",d.wp.receiveEmbedMessage,!1),l.addEventListener(\"DOMContentLoaded\",function(){for(var e,t,s=l.querySelectorAll(\"iframe.wp-embedded-content\"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute(\"data-secret\"))||(t=Math.random().toString(36).substring(2,12),e.src+=\"#?secret=\"+t,e.setAttribute(\"data-secret\",t)),e.contentWindow.postMessage({message:\"ready\",secret:t},\"*\")},!1)))}(window,document);\n\/* ]]> *\/\n<\/script>\n","description":"You can customize the look and feel of accordions by applying additional styles using CSS classes. In some cases, you may wish to apply multiple styles. The examples on this page illustrate which classes or combination of classes are possible. How To Apply Styles When Creating a New Accordion Follow the steps outlined on the &hellip; Read more"}