{"id":396,"date":"2012-06-14T15:12:40","date_gmt":"2012-06-14T15:12:40","guid":{"rendered":"https:\/\/ibex.tech\/javascript\/?p=396"},"modified":"2022-02-17T07:14:47","modified_gmt":"2022-02-17T07:14:47","slug":"jquery-accordion","status":"publish","type":"post","link":"https:\/\/ibex.tech\/javascript\/accordion-concertina-menus\/jquery-accordion","title":{"rendered":"jQuery Accordion"},"content":{"rendered":"

This jQuery menu is great for vertical menus, but its limitation is that it won’t remember state when changing pages.<\/p>\n

jQuery Accordion<\/a><\/p>\n

In your header<\/h5>\n
\r\n  <!--JQuery Accordion menu start -->\r\n  <link href=\"http:\/\/ajax.googleapis.com\/ajax\/libs\/jqueryui\/1.8\/themes\/base\/jquery-ui.css\" rel=\"stylesheet\" type=\"text\/css\"\/>\r\n  <script src=\"http:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/1.5\/jquery.min.js\"><\/script>\r\n  <script src=\"http:\/\/ajax.googleapis.com\/ajax\/libs\/jqueryui\/1.8\/jquery-ui.min.js\"><\/script>\r\n  \r\n  <script>\r\n  $(document).ready(function() {\r\n    $(\"#accordion\").accordion( {collapsible: true, active: false} );\r\n  });\r\n  <\/script>\r\n  <!--JQuery Accordion menu end -->\r\n<\/code><\/pre>\n
In your HTML<\/h5>\n
\r\n<div id=\"accordion\">\r\n\t<h3><a href=\"#\">Section 1<\/a><\/h3>\r\n\t<div>\r\n\t\t<p>\r\n\t\tSub 1\r\n\t\t<\/p>\r\n\t<\/div>\r\n\t<h3><a href=\"#\">Section 2<\/a><\/h3>\r\n\t<div>\r\n\t\t<p>\r\n\t\tSub 2\r\n\t\t<\/p>\r\n\t<\/div>\r\n\t<h3><a href=\"#\">Section 3<\/a><\/h3>\r\n\t<div>\r\n\t\t<p>\r\n\t\tSub 3\r\n\t\t<\/p>\r\n\t<\/div>\r\n\t<h3><a href=\"#\">Section 4<\/a><\/h3>\r\n\t<div>\r\n\t\t<p>\r\n\t\tSub 4\r\n\t\t<\/p>\r\n\t\t<p>\r\n\t\tSub 5\r\n\t\t<\/p>\r\n\t<\/div>\r\n<\/div>\r\n<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"
This jQuery menu is great for vertical menus, but its limitation is that it won’t remember state when changing pages. jQuery Accordion In your header <!–JQuery Accordion menu start –> <link href=”http:\/\/ajax.googleapis.com\/ajax\/libs\/jqueryui\/1.8\/themes\/base\/jquery-ui.css” rel=”stylesheet” type=”text\/css”\/> <script src=”http:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/1.5\/jquery.min.js”><\/script> <script src=”http:\/\/ajax.googleapis.com\/ajax\/libs\/jqueryui\/1.8\/jquery-ui.min.js”><\/script> <script> $(document).ready(function() { $(“#accordion”).accordion( {collapsible: true, active: false} ); }); <\/script> <!–JQuery Accordion menu end –> In […]<\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[60],"tags":[],"class_list":["post-396","post","type-post","status-publish","format-standard","hentry","category-accordion-concertina-menus"],"_links":{"self":[{"href":"https:\/\/ibex.tech\/javascript\/wp-json\/wp\/v2\/posts\/396","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ibex.tech\/javascript\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ibex.tech\/javascript\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ibex.tech\/javascript\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/ibex.tech\/javascript\/wp-json\/wp\/v2\/comments?post=396"}],"version-history":[{"count":3,"href":"https:\/\/ibex.tech\/javascript\/wp-json\/wp\/v2\/posts\/396\/revisions"}],"predecessor-version":[{"id":3227,"href":"https:\/\/ibex.tech\/javascript\/wp-json\/wp\/v2\/posts\/396\/revisions\/3227"}],"wp:attachment":[{"href":"https:\/\/ibex.tech\/javascript\/wp-json\/wp\/v2\/media?parent=396"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ibex.tech\/javascript\/wp-json\/wp\/v2\/categories?post=396"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ibex.tech\/javascript\/wp-json\/wp\/v2\/tags?post=396"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}