{"id":1777,"date":"2010-11-15T10:24:58","date_gmt":"2010-11-15T10:24:58","guid":{"rendered":"http:\/\/mts-help.nick.php.dev\/after_sale_support\/jquery\/accordion\/article2.html"},"modified":"2020-02-03T05:16:24","modified_gmt":"2020-02-03T10:16:24","slug":"accordion-1","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/accordion-1.html","title":{"rendered":"&#8220;Accordion&#8221;-1"},"content":{"rendered":"This is an &#8220;Accoridion&#8221; Script. So-called &#8220;Accordion&#8221; is a drop-down panel that holds some additional content.\r\n\r\n<strong>JavaScript<\/strong>\r\nIn order to make the script work, the <strong>index-#.html<\/strong> file with an &#8220;accordion&#8221; should contain these lines of HTML code:\r\n\r\nThe <strong>&lt;head&gt;<\/strong> section of the <strong>index-#.html<\/strong> file contains these lines of code that initialize the script functionality with basic values:\r\n\r\nLet us examine this coding.\r\n\r\nFirst of all, we hide all &#8220;accrodion&#8221; elements starting from the second (here numbering starts from \u20180\u2019):\r\n\r\n\r\nThe next block of coding shows all &#8220;accrodion&#8221; elements on <strong>click<\/strong> event (when the link with the <strong>.show_more_events<\/strong> class is clicked):\r\n\r\nThe next block of coding shows only basic &#8220;accrodion&#8221; elements on <strong>click<\/strong> event (when the link with\u00a0 the <strong>.show_recent_only<\/strong> class is clicked):\r\n\r\n<strong>HTML<\/strong>\r\n&#8220;Accordion&#8221; is represented by a bullet list (<strong>&lt;ul&gt;<\/strong> tag) with the <strong>.events<\/strong> class.\r\nBelow you can see the HTML script representation:","protected":false},"excerpt":{"rendered":"<p>This is an &#8220;Accoridion&#8221; Script. So-called &#8220;Accordion&#8221; is a drop-down panel that holds some additional content. JavaScript In order to make the script work, the index-#.html file with an &#8220;accordion&#8221; should contain these lines of HTML code: The &lt;head&gt; section of the index-#.html file contains these lines of code that initialize the script functionality with [&hellip;]<\/p>\n","protected":false},"author":13,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[271],"tags":[881,813],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/1777"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=1777"}],"version-history":[{"count":6,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/1777\/revisions"}],"predecessor-version":[{"id":86255,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/1777\/revisions\/86255"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=1777"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=1777"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=1777"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}