{"id":468,"date":"2014-05-14T12:34:26","date_gmt":"2014-05-14T12:34:26","guid":{"rendered":"http:\/\/localhost\/fw\/?page_id=468"},"modified":"2014-05-14T12:34:26","modified_gmt":"2014-05-14T12:34:26","slug":"tabs-toggle-accordion","status":"publish","type":"page","link":"https:\/\/goddessstyx.com\/index.php\/services\/typography\/tabs-toggle-accordion\/","title":{"rendered":"Tabs, Toggle, Accordion"},"content":{"rendered":"<h2>\u00a0UI Elements<\/h2>\n<p>&nbsp;<\/p>\n<h3>Toggle<\/h3>\n<div class='toggle'><h3 class='toggle-trigger-slide   toggle-trigger'>Iam a toggle<span><i class='fa fa-plus icon-plus'><\/i><\/span><\/h3><div class='toggle-content'>and iam the content: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.<\/div>\n<\/div>\n<div class='toggle'><h3 class='toggle-trigger-slide   toggle-trigger'>Iam a toggle<span><i class='fa fa-plus icon-plus'><\/i><\/span><\/h3><div class='toggle-content'>and iam the content: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.<\/div>\n<\/div>\n<div class='toggle'><h3 class='toggle-trigger-slide   toggle-trigger'>Iam a toggle<span><i class='fa fa-plus icon-plus'><\/i><\/span><\/h3><div class='toggle-content'>and iam the content: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.<\/div>\n<\/div>\n<p>&nbsp;<\/p>\n<h3>Tabs<\/h3>\n<div class='ui-tabs-slide ui-tabsdefault '><ul class=\"template_ul default\"><li class=\" default \"><h3><a href=\"#tab-1\" class=\"tabs-trigger\"> Tab 1 <\/a><\/h3><\/li><li class=\" default \"><h3><a href=\"#tab-2\" class=\"tabs-trigger\"> Tab 2 <\/a><\/h3><\/li><li class=\" default \"><h3><a href=\"#tab-3\" class=\"tabs-trigger\"> Tab 3 <\/a><\/h3><\/li><\/ul> <div id=\"tab-1\" class=\"\">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.<\/div> <div id=\"tab-2\" class=\"\">Sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.<\/div> <div id=\"tab-3\" class=\"\">Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.<\/div> <div class=\"clear\"><\/div><\/div>\n<p>&nbsp;<\/p>\n<h3>Accordions<\/h3>\n<div class='accordion  default '> <h3 class='default'>Accordion 1<span class='ico'><i class='fa fa-plus icon-plus'><\/i><\/span><\/h3> <div class='accordion-content'><p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. <\/p><\/div> <h3 class='default'>Accordion 2<span class='ico'><i class='fa fa-plus icon-plus'><\/i><\/span><\/h3> <div class='accordion-content'><p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. <\/p><\/div> <h3 class='default'>Accordion 3<span class='ico'><i class='fa fa-plus icon-plus'><\/i><\/span><\/h3> <div class='accordion-content'><p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. <\/p><\/div><\/div>\n\n<p>&nbsp;<\/p>\n<h3>FAQ<\/h3>\n<div class='toggle sc-faq'><h3 class='toggle-trigger-slide toggle-trigger'>Sed diam nonumy eirmod tempor invidunt?<span><i class='fa fa-question icon-question'><\/i><\/span><\/h3><div class='toggle-content'>\nLorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.<br \/>\n<\/div>\n<\/div>\n<div class='toggle sc-faq'><h3 class='toggle-trigger-slide toggle-trigger'>Eirmod tempor invidunt ut labore nonumy eirmod tempor et dolore?<span><i class='fa fa-question icon-question'><\/i><\/span><\/h3><div class='toggle-content'>\nLorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.<br \/>\n<\/div>\n<\/div>\n<div class='toggle sc-faq'><h3 class='toggle-trigger-slide toggle-trigger'>Sed diam nonumy eirmod tempor invidunt?<span><i class='fa fa-question icon-question'><\/i><\/span><\/h3><div class='toggle-content'>\nLorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.<br \/>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u00a0UI Elements &nbsp; Toggle &nbsp; Tabs &nbsp; Accordions &nbsp; FAQ<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":465,"menu_order":5,"comment_status":"open","ping_status":"open","template":"","meta":{"_import_markdown_pro_load_document_selector":0,"_import_markdown_pro_submit_text_textarea":"","footnotes":""},"class_list":["post-468","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Tabs, Toggle, Accordion - San Diego Professional Dominatrix<\/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:\/\/goddessstyx.com\/index.php\/services\/typography\/tabs-toggle-accordion\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Tabs, Toggle, Accordion - San Diego Professional Dominatrix\" \/>\n<meta property=\"og:description\" content=\"\u00a0UI Elements &nbsp; Toggle &nbsp; Tabs &nbsp; Accordions &nbsp; FAQ\" \/>\n<meta property=\"og:url\" content=\"https:\/\/goddessstyx.com\/index.php\/services\/typography\/tabs-toggle-accordion\/\" \/>\n<meta property=\"og:site_name\" content=\"San Diego Professional Dominatrix\" \/>\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=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/goddessstyx.com\\\/index.php\\\/services\\\/typography\\\/tabs-toggle-accordion\\\/\",\"url\":\"https:\\\/\\\/goddessstyx.com\\\/index.php\\\/services\\\/typography\\\/tabs-toggle-accordion\\\/\",\"name\":\"Tabs, Toggle, Accordion - San Diego Professional Dominatrix\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/goddessstyx.com\\\/#website\"},\"datePublished\":\"2014-05-14T12:34:26+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/goddessstyx.com\\\/index.php\\\/services\\\/typography\\\/tabs-toggle-accordion\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/goddessstyx.com\\\/index.php\\\/services\\\/typography\\\/tabs-toggle-accordion\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/goddessstyx.com\\\/index.php\\\/services\\\/typography\\\/tabs-toggle-accordion\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/goddessstyx.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Services\",\"item\":\"https:\\\/\\\/goddessstyx.com\\\/index.php\\\/services\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Typography\",\"item\":\"https:\\\/\\\/goddessstyx.com\\\/index.php\\\/services\\\/typography\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Tabs, Toggle, Accordion\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/goddessstyx.com\\\/#website\",\"url\":\"https:\\\/\\\/goddessstyx.com\\\/\",\"name\":\"San Diego Professional Dominatrix\",\"description\":\"Goddess Styx San Diego Pro Domme\",\"publisher\":{\"@id\":\"https:\\\/\\\/goddessstyx.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/goddessstyx.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/goddessstyx.com\\\/#organization\",\"name\":\"Goddess Styx San Diego Dominatrix\",\"url\":\"https:\\\/\\\/goddessstyx.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/goddessstyx.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/goddessstyx.com\\\/wp-content\\\/uploads\\\/2019\\\/03\\\/goddess-styx-158-bw-1.png\",\"contentUrl\":\"https:\\\/\\\/goddessstyx.com\\\/wp-content\\\/uploads\\\/2019\\\/03\\\/goddess-styx-158-bw-1.png\",\"width\":800,\"height\":1200,\"caption\":\"Goddess Styx San Diego Dominatrix\"},\"image\":{\"@id\":\"https:\\\/\\\/goddessstyx.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Tabs, Toggle, Accordion - San Diego Professional Dominatrix","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:\/\/goddessstyx.com\/index.php\/services\/typography\/tabs-toggle-accordion\/","og_locale":"en_US","og_type":"article","og_title":"Tabs, Toggle, Accordion - San Diego Professional Dominatrix","og_description":"\u00a0UI Elements &nbsp; Toggle &nbsp; Tabs &nbsp; Accordions &nbsp; FAQ","og_url":"https:\/\/goddessstyx.com\/index.php\/services\/typography\/tabs-toggle-accordion\/","og_site_name":"San Diego Professional Dominatrix","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/goddessstyx.com\/index.php\/services\/typography\/tabs-toggle-accordion\/","url":"https:\/\/goddessstyx.com\/index.php\/services\/typography\/tabs-toggle-accordion\/","name":"Tabs, Toggle, Accordion - San Diego Professional Dominatrix","isPartOf":{"@id":"https:\/\/goddessstyx.com\/#website"},"datePublished":"2014-05-14T12:34:26+00:00","breadcrumb":{"@id":"https:\/\/goddessstyx.com\/index.php\/services\/typography\/tabs-toggle-accordion\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/goddessstyx.com\/index.php\/services\/typography\/tabs-toggle-accordion\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/goddessstyx.com\/index.php\/services\/typography\/tabs-toggle-accordion\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/goddessstyx.com\/"},{"@type":"ListItem","position":2,"name":"Services","item":"https:\/\/goddessstyx.com\/index.php\/services\/"},{"@type":"ListItem","position":3,"name":"Typography","item":"https:\/\/goddessstyx.com\/index.php\/services\/typography\/"},{"@type":"ListItem","position":4,"name":"Tabs, Toggle, Accordion"}]},{"@type":"WebSite","@id":"https:\/\/goddessstyx.com\/#website","url":"https:\/\/goddessstyx.com\/","name":"San Diego Professional Dominatrix","description":"Goddess Styx San Diego Pro Domme","publisher":{"@id":"https:\/\/goddessstyx.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/goddessstyx.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/goddessstyx.com\/#organization","name":"Goddess Styx San Diego Dominatrix","url":"https:\/\/goddessstyx.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/goddessstyx.com\/#\/schema\/logo\/image\/","url":"https:\/\/goddessstyx.com\/wp-content\/uploads\/2019\/03\/goddess-styx-158-bw-1.png","contentUrl":"https:\/\/goddessstyx.com\/wp-content\/uploads\/2019\/03\/goddess-styx-158-bw-1.png","width":800,"height":1200,"caption":"Goddess Styx San Diego Dominatrix"},"image":{"@id":"https:\/\/goddessstyx.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/goddessstyx.com\/index.php\/wp-json\/wp\/v2\/pages\/468","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/goddessstyx.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/goddessstyx.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/goddessstyx.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/goddessstyx.com\/index.php\/wp-json\/wp\/v2\/comments?post=468"}],"version-history":[{"count":0,"href":"https:\/\/goddessstyx.com\/index.php\/wp-json\/wp\/v2\/pages\/468\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/goddessstyx.com\/index.php\/wp-json\/wp\/v2\/pages\/465"}],"wp:attachment":[{"href":"https:\/\/goddessstyx.com\/index.php\/wp-json\/wp\/v2\/media?parent=468"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}