{"id":19,"date":"2026-02-11T16:04:12","date_gmt":"2026-02-11T16:04:12","guid":{"rendered":"https:\/\/teton.wwwdev.uwosh.edu\/web\/?page_id=19"},"modified":"2026-02-13T16:16:41","modified_gmt":"2026-02-13T16:16:41","slug":"accordion-block","status":"publish","type":"page","link":"https:\/\/teton.wwwdev.uwosh.edu\/web\/cms-guide\/accordion-block\/","title":{"rendered":"Accordion Block"},"content":{"rendered":"\n<section class=\"ContentSidebar\">\n  \n\n<div class=\"Sidebar\">\n  \n\n<nav class=\"Subnav is-style-dark\">\n  <h2 class=\"Subnav__heading\">In This Section<\/h2>\n  <button class=\"Subnav__toggle\" aria-expanded=\"false\">In This Section<\/button>\n  <div class=\"Subnav__menu\">\n          \n              <ul>\n          \n        <li><a href='https:\/\/teton.wwwdev.uwosh.edu\/web\/cms-guide\/accordion-block\/' >Accordion Block<\/a>\n      <\/li>\n\n        <li><a href='https:\/\/teton.wwwdev.uwosh.edu\/web\/cms-guide\/alerts\/' >Alerts<\/a>\n      <\/li>\n\n        <li><a href='https:\/\/teton.wwwdev.uwosh.edu\/web\/cms-guide\/columns-block\/' >Columns Block<\/a>\n      <\/li>\n\n        <li><a href='https:\/\/teton.wwwdev.uwosh.edu\/web\/cms-guide\/common-block\/' >Common Block<\/a>\n      <\/li>\n\n        <li><a href='https:\/\/teton.wwwdev.uwosh.edu\/web\/cms-guide\/common-sidebar-block\/' >Content \/ Sidebar Block<\/a>\n      <\/li>\n\n        <li><a href='https:\/\/teton.wwwdev.uwosh.edu\/web\/cms-guide\/cta-block\/' >CTA Block<\/a>\n      <\/li>\n\n        <li><a href='https:\/\/teton.wwwdev.uwosh.edu\/web\/cms-guide\/details-image-block\/' >Details \/ Image Block<\/a>\n      <\/li>\n\n        <li><a href='https:\/\/teton.wwwdev.uwosh.edu\/web\/cms-guide\/details-block\/' >Details Block<\/a>\n      <\/li>\n\n        <li><a href='https:\/\/teton.wwwdev.uwosh.edu\/web\/cms-guide\/faculty-list-block\/' >Faculty List Block<\/a>\n      <\/li>\n\n        <li><a href='https:\/\/teton.wwwdev.uwosh.edu\/web\/cms-guide\/feature-block\/' >Feature Block<\/a>\n      <\/li>\n\n        <li><a href='https:\/\/teton.wwwdev.uwosh.edu\/web\/cms-guide\/hero-block\/' >Hero Block<\/a>\n      <\/li>\n\n        <li><a href='https:\/\/teton.wwwdev.uwosh.edu\/web\/cms-guide\/image-carousel-block\/' >Image Carousel Block<\/a>\n      <\/li>\n\n        <li><a href='https:\/\/teton.wwwdev.uwosh.edu\/web\/cms-guide\/post-feed-block\/' >Post Feed Block<\/a>\n      <\/li>\n\n        <li><a href='https:\/\/teton.wwwdev.uwosh.edu\/web\/cms-guide\/profile-block\/' >Profile Block<\/a>\n      <\/li>\n\n        <li><a href='https:\/\/teton.wwwdev.uwosh.edu\/web\/cms-guide\/program-finder-block\/' >Program Finder Block<\/a>\n      <\/li>\n\n        <li><a href='https:\/\/teton.wwwdev.uwosh.edu\/web\/cms-guide\/program-search-block\/' >Program Search Block<\/a>\n      <\/li>\n\n        <li><a href='https:\/\/teton.wwwdev.uwosh.edu\/web\/cms-guide\/quotes-block\/' >Quotes Block<\/a>\n      <\/li>\n\n        <li><a href='https:\/\/teton.wwwdev.uwosh.edu\/web\/cms-guide\/router-image-block\/' >Router \/ Image Block<\/a>\n      <\/li>\n\n        <li><a href='https:\/\/teton.wwwdev.uwosh.edu\/web\/cms-guide\/router-block\/' >Router Block<\/a>\n      <\/li>\n\n        <li><a href='https:\/\/teton.wwwdev.uwosh.edu\/web\/cms-guide\/social-feed-block\/' >Social Feed Block<\/a>\n      <\/li>\n\n        <li><a href='https:\/\/teton.wwwdev.uwosh.edu\/web\/cms-guide\/splash-block\/' >Splash Block<\/a>\n      <\/li>\n\n        <li><a href='https:\/\/teton.wwwdev.uwosh.edu\/web\/cms-guide\/split-block\/' >Split Block<\/a>\n      <\/li>\n\n        <li><a href='https:\/\/teton.wwwdev.uwosh.edu\/web\/cms-guide\/stat-panel-block\/' >Stat Panel Block<\/a>\n      <\/li>\n\n        <li><a href='https:\/\/teton.wwwdev.uwosh.edu\/web\/cms-guide\/stat-tabs-block\/' >Stat Tabs Block<\/a>\n      <\/li>\n\n        <li><a href='https:\/\/teton.wwwdev.uwosh.edu\/web\/cms-guide\/subnav-block\/' >Subnav Block<\/a>\n      <\/li>\n\n        <li><a href='https:\/\/teton.wwwdev.uwosh.edu\/web\/cms-guide\/testimonial-cards-block\/' >Testimonial Cards Block<\/a>\n      <\/li>\n\n        <li><a href='https:\/\/teton.wwwdev.uwosh.edu\/web\/cms-guide\/testimonials-block\/' >Testimonials Block<\/a>\n      <\/li>\n\n        <li><a href='https:\/\/teton.wwwdev.uwosh.edu\/web\/cms-guide\/update-block\/' >Update Block<\/a>\n      <\/li>\n\n        <li><a href='https:\/\/teton.wwwdev.uwosh.edu\/web\/cms-guide\/vertical-tabs-block\/' >Vertical Tabs Block<\/a>\n      <\/li>\n\n        <li><a href='https:\/\/teton.wwwdev.uwosh.edu\/web\/cms-guide\/visual-router-block\/' >Visual Router Block<\/a>\n      <\/li>\n        <\/ul>\n            <\/div>\n<\/nav>\n\n<\/div>\n\n\n\n<div class=\"Content\">\n  \n\n<div class=\"Common\">\n  \n\n<h1 class=\"wp-block-heading\">Accordion Block<\/h1>\n\n\n\n<p class=\"is-style-intro\">The Accordion block can be utilized to present related topics in a condensed format. Examples include: frequently asked questions, biographical information, and step-by-step processes. Please review the functional example below for more details.<\/p>\n\n<\/div>\n\n\n\n<section class=\"ContentSection\">\n  \n\n<div class=\"Common\">\n  \n\n<h2 class=\"wp-block-heading\">Accordion Example<\/h2>\n\n\n\n<p>This is an optional intro text area. It can be used to provide additional context to the user for the accordion. Best practice is to limit this text to 1-3 sentences.<\/p>\n\n<\/div>\n\n\n\n<div class=\"Accordion\">\n  \n\n<div class=\"AccordionItem\">\n  <h3 class=\"AccordionItem__heading\">\n    <button class=\"AccordionItem__toggle\" aria-expanded=\"false\">\n              Accordion item heading          <\/button>\n  <\/h3>\n  <div class=\"AccordionItem__content\">\n    <div class=\"AccordionItem__interior\">\n      \n\n<div class=\"Common\">\n  \n\n<p>Accordion Item Content. The content region for each Accordion Item is very flexible. They can contain: text, headings, images, lists, call to action buttons, and tables. Explore the Accordion Items below for additional examples of how content can be arranged.<\/p>\n\n<\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n\n\n<div class=\"AccordionItem\">\n  <h3 class=\"AccordionItem__heading\">\n    <button class=\"AccordionItem__toggle\" aria-expanded=\"false\">\n              Lorem ipsum dolor set amet          <\/button>\n  <\/h3>\n  <div class=\"AccordionItem__content\">\n    <div class=\"AccordionItem__interior\">\n      \n\n<div class=\"Common\">\n  \n\n<p>Donec iaculis aliquam diam sed pretium. Etiam placerat condimentum interdum. Mauris eget maximus erat. Etiam felis nulla, <strong>efficitur eget nibh at<\/strong>, dapibus maximus ipsum. Vivamus vitae lacus elementum, rhoncus quam rutrum, venenatis nulla. Proin nulla arcu, <em>dictum in consectetur non<\/em>, euismod ac nisi. Curabitur in odio purus. Nullam felis arcu, elementum sit amet justo vel, lobortis posuere ligula. Suspendisse in sodales velit. In hac habitasse platea dictumst. Orci varius natoque penatibus et magnis dis parturient montes, <a href=\"https:\/\/teton.wwwdev.uwosh.edu\/web\/cms-guide\/\" data-type=\"page\" data-id=\"5\">nascetur ridiculus mus<\/a>. Vivamus cursus sollicitudin mauris a pellentesque. Integer imperdiet justo non magna vestibulum, vitae porttitor elit porta. Praesent in accumsan felis.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">This is an H4 Heading<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Donec quam ante, lobortis in quam eget, vulputate aliquam turpis.<\/li>\n\n\n\n<li>Suspendisse mollis vestibulum tristique.\n<ul class=\"wp-block-list\">\n<li>Phasellus egestas nulla a odio finibus vestibulum.<\/li>\n\n\n\n<li>Proin mollis aliquam ex, pellentesque tincidunt sem egestas at.<\/li>\n\n\n\n<li>Proin interdum odio vel justo feugiat porta a quis magna.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Aliquam auctor, nisi et euismod porttitor, mi ex porttitor sem, quis scelerisque quam purus sit amet nunc.<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-buttons\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/teton.wwwdev.uwosh.edu\/web\/cms-guide\/\">Call to Action Button<\/a><\/div>\n<\/div>\n\n<\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n\n\n<div class=\"AccordionItem\">\n  <h3 class=\"AccordionItem__heading\">\n    <button class=\"AccordionItem__toggle\" aria-expanded=\"false\">\n              Curabitur auctor orci at purus venenatis tempus          <\/button>\n  <\/h3>\n  <div class=\"AccordionItem__content\">\n    <div class=\"AccordionItem__interior\">\n      \n\n<div class=\"Common\">\n  \n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"600\" src=\"https:\/\/teton.wwwdev.uwosh.edu\/web\/wp-content\/uploads\/sites\/3\/2026\/02\/900x600.jpg\" alt=\"placeholder 900 x 600\" class=\"wp-image-9\" srcset=\"https:\/\/teton.wwwdev.uwosh.edu\/web\/wp-content\/uploads\/sites\/3\/2026\/02\/900x600.jpg 900w, https:\/\/teton.wwwdev.uwosh.edu\/web\/wp-content\/uploads\/sites\/3\/2026\/02\/900x600-300x200.jpg 300w, https:\/\/teton.wwwdev.uwosh.edu\/web\/wp-content\/uploads\/sites\/3\/2026\/02\/900x600-768x512.jpg 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><figcaption class=\"wp-element-caption\">This is an image caption. Cras viverra massa sit amet neque rutrum, quis mollis ipsum ultrices. Integer a aliquet augue. Interdum et malesuada fames ac ante ipsum primis in faucibus. In facilisis vestibulum lacinia.<\/figcaption><\/figure>\n\n\n\n<p>Quisque sapien turpis, interdum nec tortor vitae, posuere facilisis urna. Sed aliquam vestibulum placerat. Vivamus nec bibendum lorem. In nec finibus ligula, elementum tincidunt libero. Ut ut enim ac turpis rhoncus pharetra at id dolor. Ut semper vel leo vitae consequat. Maecenas ipsum eros, dictum eget ex vitae, ornare aliquam elit. Ut ut sagittis libero, quis posuere turpis. Praesent gravida maximus pulvinar. Proin at neque nisi.<\/p>\n\n\n\n<div class=\"wp-block-buttons\">\n<div class=\"wp-block-button is-style-underline\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/teton.wwwdev.uwosh.edu\/web\/cms-guide\/\">Call to Action Link<\/a><\/div>\n<\/div>\n\n<\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<\/div>\n\n<\/section>\n\n<\/div>\n\n\n\n<div class=\"Sidebar\">\n  <\/div>\n\n<\/section>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":3,"featured_media":0,"parent":5,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-19","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Accordion Block - Web Guide<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/teton.wwwdev.uwosh.edu\/web\/cms-guide\/accordion-block\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Accordion Block - Web Guide\" \/>\n<meta property=\"og:url\" content=\"https:\/\/teton.wwwdev.uwosh.edu\/web\/cms-guide\/accordion-block\/\" \/>\n<meta property=\"og:site_name\" content=\"Web Guide\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-13T16:16:41+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/teton.wwwdev.uwosh.edu\/web\/wp-content\/uploads\/sites\/3\/2026\/02\/900x600.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"900\" \/>\n\t<meta property=\"og:image:height\" content=\"600\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/teton.wwwdev.uwosh.edu\/web\/cms-guide\/accordion-block\/\",\"url\":\"https:\/\/teton.wwwdev.uwosh.edu\/web\/cms-guide\/accordion-block\/\",\"name\":\"Accordion Block - Web Guide\",\"isPartOf\":{\"@id\":\"https:\/\/teton.wwwdev.uwosh.edu\/web\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/teton.wwwdev.uwosh.edu\/web\/cms-guide\/accordion-block\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/teton.wwwdev.uwosh.edu\/web\/cms-guide\/accordion-block\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/teton.wwwdev.uwosh.edu\/web\/wp-content\/uploads\/sites\/3\/2026\/02\/900x600.jpg\",\"datePublished\":\"2026-02-11T16:04:12+00:00\",\"dateModified\":\"2026-02-13T16:16:41+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/teton.wwwdev.uwosh.edu\/web\/cms-guide\/accordion-block\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/teton.wwwdev.uwosh.edu\/web\/cms-guide\/accordion-block\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/teton.wwwdev.uwosh.edu\/web\/cms-guide\/accordion-block\/#primaryimage\",\"url\":\"https:\/\/teton.wwwdev.uwosh.edu\/web\/wp-content\/uploads\/sites\/3\/2026\/02\/900x600.jpg\",\"contentUrl\":\"https:\/\/teton.wwwdev.uwosh.edu\/web\/wp-content\/uploads\/sites\/3\/2026\/02\/900x600.jpg\",\"width\":900,\"height\":600,\"caption\":\"placeholder 900 x 600\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/teton.wwwdev.uwosh.edu\/web\/cms-guide\/accordion-block\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/teton.wwwdev.uwosh.edu\/web\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"CMS Guide\",\"item\":\"https:\/\/teton.wwwdev.uwosh.edu\/web\/cms-guide\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Accordion Block\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/teton.wwwdev.uwosh.edu\/web\/#website\",\"url\":\"https:\/\/teton.wwwdev.uwosh.edu\/web\/\",\"name\":\"Web Guide\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/teton.wwwdev.uwosh.edu\/web\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Accordion Block - Web Guide","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/teton.wwwdev.uwosh.edu\/web\/cms-guide\/accordion-block\/","og_locale":"en_US","og_type":"article","og_title":"Accordion Block - Web Guide","og_url":"https:\/\/teton.wwwdev.uwosh.edu\/web\/cms-guide\/accordion-block\/","og_site_name":"Web Guide","article_modified_time":"2026-02-13T16:16:41+00:00","og_image":[{"width":900,"height":600,"url":"https:\/\/teton.wwwdev.uwosh.edu\/web\/wp-content\/uploads\/sites\/3\/2026\/02\/900x600.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/teton.wwwdev.uwosh.edu\/web\/cms-guide\/accordion-block\/","url":"https:\/\/teton.wwwdev.uwosh.edu\/web\/cms-guide\/accordion-block\/","name":"Accordion Block - Web Guide","isPartOf":{"@id":"https:\/\/teton.wwwdev.uwosh.edu\/web\/#website"},"primaryImageOfPage":{"@id":"https:\/\/teton.wwwdev.uwosh.edu\/web\/cms-guide\/accordion-block\/#primaryimage"},"image":{"@id":"https:\/\/teton.wwwdev.uwosh.edu\/web\/cms-guide\/accordion-block\/#primaryimage"},"thumbnailUrl":"https:\/\/teton.wwwdev.uwosh.edu\/web\/wp-content\/uploads\/sites\/3\/2026\/02\/900x600.jpg","datePublished":"2026-02-11T16:04:12+00:00","dateModified":"2026-02-13T16:16:41+00:00","breadcrumb":{"@id":"https:\/\/teton.wwwdev.uwosh.edu\/web\/cms-guide\/accordion-block\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/teton.wwwdev.uwosh.edu\/web\/cms-guide\/accordion-block\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/teton.wwwdev.uwosh.edu\/web\/cms-guide\/accordion-block\/#primaryimage","url":"https:\/\/teton.wwwdev.uwosh.edu\/web\/wp-content\/uploads\/sites\/3\/2026\/02\/900x600.jpg","contentUrl":"https:\/\/teton.wwwdev.uwosh.edu\/web\/wp-content\/uploads\/sites\/3\/2026\/02\/900x600.jpg","width":900,"height":600,"caption":"placeholder 900 x 600"},{"@type":"BreadcrumbList","@id":"https:\/\/teton.wwwdev.uwosh.edu\/web\/cms-guide\/accordion-block\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/teton.wwwdev.uwosh.edu\/web\/"},{"@type":"ListItem","position":2,"name":"CMS Guide","item":"https:\/\/teton.wwwdev.uwosh.edu\/web\/cms-guide\/"},{"@type":"ListItem","position":3,"name":"Accordion Block"}]},{"@type":"WebSite","@id":"https:\/\/teton.wwwdev.uwosh.edu\/web\/#website","url":"https:\/\/teton.wwwdev.uwosh.edu\/web\/","name":"Web Guide","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/teton.wwwdev.uwosh.edu\/web\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/teton.wwwdev.uwosh.edu\/web\/wp-json\/wp\/v2\/pages\/19","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/teton.wwwdev.uwosh.edu\/web\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/teton.wwwdev.uwosh.edu\/web\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/teton.wwwdev.uwosh.edu\/web\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/teton.wwwdev.uwosh.edu\/web\/wp-json\/wp\/v2\/comments?post=19"}],"version-history":[{"count":4,"href":"https:\/\/teton.wwwdev.uwosh.edu\/web\/wp-json\/wp\/v2\/pages\/19\/revisions"}],"predecessor-version":[{"id":158,"href":"https:\/\/teton.wwwdev.uwosh.edu\/web\/wp-json\/wp\/v2\/pages\/19\/revisions\/158"}],"up":[{"embeddable":true,"href":"https:\/\/teton.wwwdev.uwosh.edu\/web\/wp-json\/wp\/v2\/pages\/5"}],"wp:attachment":[{"href":"https:\/\/teton.wwwdev.uwosh.edu\/web\/wp-json\/wp\/v2\/media?parent=19"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}