{"id":5084,"date":"2018-10-11T07:00:47","date_gmt":"2018-10-11T07:00:47","guid":{"rendered":"http:\/\/webartdevelopers.com\/?p=5084"},"modified":"2018-10-11T06:31:41","modified_gmt":"2018-10-11T06:31:41","slug":"accordion-jquery","status":"publish","type":"post","link":"https:\/\/webartdevelopers.com\/blog\/accordion-jquery\/","title":{"rendered":"ACCORDION JQUERY"},"content":{"rendered":"<div class=\"info-box\">\n<div class=\"info info-author\"><em><span style=\"text-decoration: underline;\"><strong>Made by:<\/strong><\/span><\/em><\/p>\n<ul>\n<li>Fernando Colom<\/li>\n<li class=\".last-child\"><time>June 23, 2017<\/time><\/li>\n<\/ul>\n<\/div>\n<\/div>\n<p><em><span style=\"text-decoration: underline;\"><strong><span class=\"about-the-item\">About the plugin:<\/span><\/strong><\/span><\/em><\/p>\n<p>Creating an accordion with jquery. It contains several elements with a title and a hidden content. When you click on each of them, it shows the content that belongs to that element and hiding the rest.<br \/>\nIt was assigned click function to hide the mark button as read when clicked and displayed as unread with a change of color in the background.<\/p>\n<a href=\"https:\/\/github.com\/colomfernando\/accordion-jquery\/archive\/master.zip\" class=\"su-button su-button-style-default\" style=\"color:#ffffff;background-color:#000000;border-color:#000000;border-radius:40px\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"color:#ffffff;padding:0px 20px;font-size:16px;line-height:32px;border-color:#4d4d4d;border-radius:40px;text-shadow:none\"> Download<\/span><\/a>\n<a href=\"https:\/\/github.com\/colomfernando\/accordion-jquery\" class=\"su-button su-button-style-default\" style=\"color:#ffffff;background-color:#000000;border-color:#000000;border-radius:40px\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"color:#ffffff;padding:0px 20px;font-size:16px;line-height:32px;border-color:#4d4d4d;border-radius:40px;text-shadow:none\"> Github Page<\/span><\/a>\n<!-- AddThis Advanced Settings generic via filter on the_content -->","protected":false},"excerpt":{"rendered":"Made by: Fernando Colom June 23, 2017 About the plugin: Creating an accordion with jquery. It contains several elements with a title and a hidden content. When you click on each of them, it shows the content that belongs to that element and hiding the rest. It was assigned click function to hide the mark button as read when clicked and displayed as unread with a change of color in the background.<!-- AddThis Advanced Settings generic via filter on get_the_excerpt -->","protected":false},"author":1,"featured_media":5085,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1097],"tags":[1104,583,1099],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/posts\/5084"}],"collection":[{"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/comments?post=5084"}],"version-history":[{"count":1,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/posts\/5084\/revisions"}],"predecessor-version":[{"id":5086,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/posts\/5084\/revisions\/5086"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/media\/5085"}],"wp:attachment":[{"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/media?parent=5084"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/categories?post=5084"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/tags?post=5084"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}