{"id":160,"date":"2015-08-03T06:57:56","date_gmt":"2015-08-03T06:57:56","guid":{"rendered":"http:\/\/dev.btdev.in\/femme-flora\/?page_id=160"},"modified":"2015-09-03T10:50:51","modified_gmt":"2015-09-03T10:50:51","slug":"collapsible-content","status":"publish","type":"page","link":"https:\/\/demos.converticacommerce.com\/femme-flora\/femme-attractions\/collapsible-content\/","title":{"rendered":"Collapsible Content"},"content":{"rendered":"<div class=\"content-box yellow light\">The design features a shortcode for creating collapsible content divs for FAQs, etc. It is as simple as using the following shortcode and you get styled collapsible divs in no time.<\/p>\n<h3>Shortcode: [collapsible-content][\/collapsible-content]<\/h3>\n<p>This is an enclosing shortcode which outputs collapsible content. Here is a list of attributes for this shortcode:<\/p>\n<ul>\n<li><em>id<\/em>: Specify <em>id<\/em> attribute for your own custom styling purposes.<\/li>\n<li><em>class<\/em>: Specify <em>class<\/em> attribute for your own custom styling purposes.<\/li>\n<li><em>caption<\/em>: Specify the caption for the collapsible content using this attribute.<\/li>\n<li><em>state<\/em>: Specify the state as open if you want to keep the collapsible content open by default. Defaults to close.<\/li>\n<\/ul>\n<h3>Usage:<\/h3>\n<pre class=\"brush: php; title: ; notranslate\" title=\"\">\r\n&#x5B;&#x5B;collapsible-content caption=&quot;Opened Collapsible Content&quot; state=&quot;open&quot;]\r\nCollapsible content goes here...\r\n&#x5B;\/collapsible-content]]\r\n<\/pre>\n<\/div>\n<h3>Examples:<\/h3>\n<h3 class=\"collapsible-heading open\"><a>Opened Collapsible Content<\/a><\/h3><div class=\"collapsible-content open\" style=\"display: none;\"><div class=\"collapsed-content\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce quis felis justo. Morbi hendrerit laoreet ante, non tempor dui accumsan in. Ut commodo convallis suscipit. Vestibulum sollicitudin nisi ac erat pretium lacinia. Aliquam in iaculis eros, non maximus mauris. Aliquam dignissim volutpat dapibus. Aliquam nisi leo, aliquet cursus eros sit amet, tincidunt ullamcorper sem. Aliquam auctor mauris id hendrerit consectetur. Nulla facilisi. Vestibulum nec elit est. Morbi scelerisque fermentum nisi id tempor. Nullam vestibulum aliquet quam. Aliquam pretium ex non erat rutrum interdum.<\/p>\n<p>Aliquam erat volutpat. Donec imperdiet purus lectus, sed dapibus lacus porttitor a. Aenean condimentum nisl sed ante aliquet, vel dictum ipsum aliquam. Quisque egestas congue dui eu dapibus. Integer et convallis elit. Aliquam maximus rutrum hendrerit. Quisque id est sed elit lacinia bibendum. Cras tristique leo ante, pulvinar tempor eros suscipit in. Nullam eleifend pharetra purus non maximus. Mauris ac convallis urna. Proin non commodo lacus, id pretium nisi. Maecenas sem tellus, lobortis in accumsan a, tincidunt id dui. Etiam eget laoreet quam.<\/div><\/div>\n<h3 class=\"collapsible-heading\"><a>Closed Collapsible Content One<\/a><\/h3><div class=\"collapsible-content\" style=\"display: none;\"><div class=\"collapsed-content\">Suspendisse id mi dolor. Phasellus at ante dignissim, interdum nulla in, egestas lectus. Phasellus elementum eleifend ex et sodales. Nullam eget dui rhoncus, blandit sem a, efficitur ipsum. Morbi scelerisque ex eget mi sollicitudin, a dictum ante placerat.<\/div><\/div>\n<h3 class=\"collapsible-heading\"><a>Closed Collapsible Content Two<\/a><\/h3><div class=\"collapsible-content\" style=\"display: none;\"><div class=\"collapsed-content\">Donec orci ante, vulputate ac malesuada quis, blandit id ipsum. Vivamus ultrices elit in risus eleifend, quis molestie purus condimentum. Sed eget tristique felis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed lacinia sem augue, vel fermentum ipsum commodo fermentum. Vestibulum cursus lacus velit, non efficitur purus scelerisque a.<\/div><\/div>\n<h3 class=\"collapsible-heading\"><a>Closed Collapsible Content Three<\/a><\/h3><div class=\"collapsible-content\" style=\"display: none;\"><div class=\"collapsed-content\">Duis ut tempor turpis. Cras ut augue ut dolor blandit tempor. Curabitur imperdiet in neque et condimentum.<\/p>\n<p>Vivamus scelerisque mattis aliquam. Quisque mi dolor, ullamcorper lacinia justo ac, dignissim lacinia eros. Nunc vel est diam. Nam nec nibh aliquet lorem commodo ullamcorper.<\/div><\/div>\n<h3 class=\"collapsible-heading\"><a>Closed Collapsible Content Four<\/a><\/h3><div class=\"collapsible-content\" style=\"display: none;\"><div class=\"collapsed-content\">Nulla consequat varius purus, facilisis mattis diam volutpat ut. Aliquam non dolor ac massa ornare elementum. Duis cursus lorem eget tellus semper vulputate. Morbi consectetur tortor eget ex dignissim, id viverra dolor pharetra. Vestibulum et ipsum turpis. Aliquam fermentum volutpat massa, quis volutpat enim lobortis nec.<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>The design features a shortcode for creating collapsible content divs for FAQs, etc. It is as simple as using the following shortcode and you get styled collapsible divs in no time. Shortcode: Click here to read more This is an enclosing shortcode which outputs collapsible content. Here is a list of attributes for this shortcode: [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":172,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","jetpack_post_was_ever_published":false,"footnotes":""},"class_list":{"0":"post-160","1":"page","2":"type-page","3":"status-publish","5":"entry"},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Collapsible Content - Femme Flora!<\/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:\/\/demos.converticacommerce.com\/femme-flora\/femme-attractions\/collapsible-content\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Collapsible Content - Femme Flora!\" \/>\n<meta property=\"og:description\" content=\"The design features a shortcode for creating collapsible content divs for FAQs, etc. It is as simple as using the following shortcode and you get styled collapsible divs in no time. Shortcode: Click here to read more This is an enclosing shortcode which outputs collapsible content. Here is a list of attributes for this shortcode: [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/demos.converticacommerce.com\/femme-flora\/femme-attractions\/collapsible-content\/\" \/>\n<meta property=\"og:site_name\" content=\"Femme Flora!\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/binaryturf\" \/>\n<meta property=\"article:modified_time\" content=\"2015-09-03T10:50:51+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@shivanandwp\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/demos.converticacommerce.com\\\/femme-flora\\\/femme-attractions\\\/collapsible-content\\\/\",\"url\":\"https:\\\/\\\/demos.converticacommerce.com\\\/femme-flora\\\/femme-attractions\\\/collapsible-content\\\/\",\"name\":\"Collapsible Content - Femme Flora!\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/demos.converticacommerce.com\\\/femme-flora\\\/#website\"},\"datePublished\":\"2015-08-03T06:57:56+00:00\",\"dateModified\":\"2015-09-03T10:50:51+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/demos.converticacommerce.com\\\/femme-flora\\\/femme-attractions\\\/collapsible-content\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/demos.converticacommerce.com\\\/femme-flora\\\/femme-attractions\\\/collapsible-content\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/demos.converticacommerce.com\\\/femme-flora\\\/femme-attractions\\\/collapsible-content\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/demos.converticacommerce.com\\\/femme-flora\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Femme Attractions\",\"item\":\"https:\\\/\\\/demos.converticacommerce.com\\\/femme-flora\\\/femme-attractions\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Collapsible Content\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/demos.converticacommerce.com\\\/femme-flora\\\/#website\",\"url\":\"https:\\\/\\\/demos.converticacommerce.com\\\/femme-flora\\\/\",\"name\":\"Femme Flora!\",\"description\":\"Beautiful Feminine WordPress Theme\",\"publisher\":{\"@id\":\"https:\\\/\\\/demos.converticacommerce.com\\\/femme-flora\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/demos.converticacommerce.com\\\/femme-flora\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/demos.converticacommerce.com\\\/femme-flora\\\/#organization\",\"name\":\"Femme Flora by Convertica Commerce\",\"url\":\"https:\\\/\\\/demos.converticacommerce.com\\\/femme-flora\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/demos.converticacommerce.com\\\/femme-flora\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/demos.converticacommerce.com\\\/femme-flora\\\/wp-content\\\/uploads\\\/2019\\\/11\\\/femme-logo.png\",\"contentUrl\":\"https:\\\/\\\/demos.converticacommerce.com\\\/femme-flora\\\/wp-content\\\/uploads\\\/2019\\\/11\\\/femme-logo.png\",\"width\":202,\"height\":285,\"caption\":\"Femme Flora by Convertica Commerce\"},\"image\":{\"@id\":\"https:\\\/\\\/demos.converticacommerce.com\\\/femme-flora\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/binaryturf\",\"https:\\\/\\\/x.com\\\/shivanandwp\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Collapsible Content - Femme Flora!","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:\/\/demos.converticacommerce.com\/femme-flora\/femme-attractions\/collapsible-content\/","og_locale":"en_US","og_type":"article","og_title":"Collapsible Content - Femme Flora!","og_description":"The design features a shortcode for creating collapsible content divs for FAQs, etc. It is as simple as using the following shortcode and you get styled collapsible divs in no time. Shortcode: Click here to read more This is an enclosing shortcode which outputs collapsible content. Here is a list of attributes for this shortcode: [&hellip;]","og_url":"https:\/\/demos.converticacommerce.com\/femme-flora\/femme-attractions\/collapsible-content\/","og_site_name":"Femme Flora!","article_publisher":"https:\/\/www.facebook.com\/binaryturf","article_modified_time":"2015-09-03T10:50:51+00:00","twitter_card":"summary_large_image","twitter_site":"@shivanandwp","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/demos.converticacommerce.com\/femme-flora\/femme-attractions\/collapsible-content\/","url":"https:\/\/demos.converticacommerce.com\/femme-flora\/femme-attractions\/collapsible-content\/","name":"Collapsible Content - Femme Flora!","isPartOf":{"@id":"https:\/\/demos.converticacommerce.com\/femme-flora\/#website"},"datePublished":"2015-08-03T06:57:56+00:00","dateModified":"2015-09-03T10:50:51+00:00","breadcrumb":{"@id":"https:\/\/demos.converticacommerce.com\/femme-flora\/femme-attractions\/collapsible-content\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/demos.converticacommerce.com\/femme-flora\/femme-attractions\/collapsible-content\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/demos.converticacommerce.com\/femme-flora\/femme-attractions\/collapsible-content\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/demos.converticacommerce.com\/femme-flora\/"},{"@type":"ListItem","position":2,"name":"Femme Attractions","item":"https:\/\/demos.converticacommerce.com\/femme-flora\/femme-attractions\/"},{"@type":"ListItem","position":3,"name":"Collapsible Content"}]},{"@type":"WebSite","@id":"https:\/\/demos.converticacommerce.com\/femme-flora\/#website","url":"https:\/\/demos.converticacommerce.com\/femme-flora\/","name":"Femme Flora!","description":"Beautiful Feminine WordPress Theme","publisher":{"@id":"https:\/\/demos.converticacommerce.com\/femme-flora\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/demos.converticacommerce.com\/femme-flora\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/demos.converticacommerce.com\/femme-flora\/#organization","name":"Femme Flora by Convertica Commerce","url":"https:\/\/demos.converticacommerce.com\/femme-flora\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/demos.converticacommerce.com\/femme-flora\/#\/schema\/logo\/image\/","url":"https:\/\/demos.converticacommerce.com\/femme-flora\/wp-content\/uploads\/2019\/11\/femme-logo.png","contentUrl":"https:\/\/demos.converticacommerce.com\/femme-flora\/wp-content\/uploads\/2019\/11\/femme-logo.png","width":202,"height":285,"caption":"Femme Flora by Convertica Commerce"},"image":{"@id":"https:\/\/demos.converticacommerce.com\/femme-flora\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/binaryturf","https:\/\/x.com\/shivanandwp"]}]}},"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/P6C1Nu-2A","_links":{"self":[{"href":"https:\/\/demos.converticacommerce.com\/femme-flora\/wp-json\/wp\/v2\/pages\/160","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demos.converticacommerce.com\/femme-flora\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demos.converticacommerce.com\/femme-flora\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demos.converticacommerce.com\/femme-flora\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demos.converticacommerce.com\/femme-flora\/wp-json\/wp\/v2\/comments?post=160"}],"version-history":[{"count":2,"href":"https:\/\/demos.converticacommerce.com\/femme-flora\/wp-json\/wp\/v2\/pages\/160\/revisions"}],"predecessor-version":[{"id":702,"href":"https:\/\/demos.converticacommerce.com\/femme-flora\/wp-json\/wp\/v2\/pages\/160\/revisions\/702"}],"up":[{"embeddable":true,"href":"https:\/\/demos.converticacommerce.com\/femme-flora\/wp-json\/wp\/v2\/pages\/172"}],"wp:attachment":[{"href":"https:\/\/demos.converticacommerce.com\/femme-flora\/wp-json\/wp\/v2\/media?parent=160"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}