{"id":4896,"date":"2021-08-06T12:39:06","date_gmt":"2021-08-06T12:39:06","guid":{"rendered":"https:\/\/www.bearloga.space\/?page_id=4896"},"modified":"2021-08-06T12:39:07","modified_gmt":"2021-08-06T12:39:07","slug":"jquery-megadropdown-js","status":"publish","type":"page","link":"https:\/\/www.bearloga.space\/en\/jquery-megadropdown-js\/","title":{"rendered":"jQuery \u2014 Megadropdown.js"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Megadropdown.js \u2014 \u044d\u0442\u043e \u043f\u043b\u0430\u0433\u0438\u043d jQuery \u0434\u043b\u044f \u043f\u0440\u043e\u0441\u0442\u043e\u0439 \u0438 \u0431\u044b\u0441\u0442\u0440\u043e\u0439 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u0432\u044b\u043f\u0430\u0434\u0430\u044e\u0449\u0435\u0433\u043e \u043c\u0435\u043d\u044e.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u041f\u0440\u0438\u043c\u0435\u0440 \u0432\u044b\u043f\u0430\u0434\u0430\u044e\u0449\u0435\u0433\u043e \u043c\u0435\u043d\u044e, \u043a\u0430\u043a \u043f\u043e\u043a\u0430\u0437\u0430\u043d\u043e \u043d\u0438\u0436\u0435 \u2014<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;!doctype html&gt;\n&lt;html lang = \"en\" class = \"no-js\"&gt;\n   &lt;head&gt;\n      &lt;meta charset = \"UTF-8\"&gt;\n      &lt;meta name = \"viewport\" content = \"width = device-width, initial-scale = 1\"&gt;\n      &lt;link rel = \"stylesheet\" href = \"css\/reset.css\"&gt;\n      &lt;link rel = \"stylesheet\" href = \"css\/style.css\"&gt;\n      &lt;script src = \"js\/modernizr.js\"&gt;&lt;\/script&gt; \n   &lt;\/head&gt;\n\t\n   &lt;body&gt;\n      &lt;header&gt;\n         &lt;div class = \"cd-dropdown-wrapper\"&gt;\n            &lt;a class = \"cd-dropdown-trigger\" href = \"#0\"&gt;Dropdown&lt;\/a&gt;\n\t\t\t\t\n            &lt;nav class = \"cd-dropdown\"&gt;\n               &lt;h2&gt;Title&lt;\/h2&gt;\n               &lt;a href = \"#0\" class = \"cd-close\"&gt;Close&lt;\/a&gt;\n\t\t\t\t\t\n               &lt;ul class = \"cd-dropdown-content\"&gt;\n\t\t\t\t\t\n                  &lt;li&gt;\n                     &lt;form class = \"cd-search\"&gt;\n                        &lt;input type = \"search\" placeholder = \"Search...\"&gt;\n                     &lt;\/form&gt;\n                  &lt;\/li&gt;\n\n                  &lt;li class = \"has-children\"&gt;\n                     &lt;a href = \"\"&gt;images&lt;\/a&gt;\n\n                     &lt;ul class = \"cd-dropdown-gallery is-hidden\"&gt;\n\t\t\t\t\t\t\t\n                        &lt;li class = \"go-back\"&gt;&lt;a href = \"#0\"&gt;Menu&lt;\n                           \/a&gt;&lt;\/li&gt;\n\t\t\t\t\t\t\t\t\t\n                        &lt;li class = \"see-all\"&gt;&lt;a href = \"\"&gt;\n                           Browse Gallery&lt;\/a&gt;&lt;\/li&gt;\n\t\t\t\t\t\t\t\t\t\n                        &lt;li&gt;\n                           &lt;a class = \"cd-dropdown-item\" href = \"\"&gt;\n                              &lt;img src = \"img\/img.png\" alt = \"Product Image\"&gt;\n                              &lt;h3&gt;Product #1&lt;\/h3&gt;\n                           &lt;\/a&gt;\n                        &lt;\/li&gt;\n\n                        &lt;li&gt;\n                           &lt;a class = \"cd-dropdown-item\" href = \"\"&gt;\n                              &lt;img src = \"img\/img.png\" alt = \"Product Image\"&gt;\n                              &lt;h3&gt;Product #2&lt;\/h3&gt;\n                           &lt;\/a&gt;\n                        &lt;\/li&gt;\n\n                        &lt;li&gt;\n                           &lt;a class = \"cd-dropdown-item\" href = \"\"&gt;\n                              &lt;img src = \"img\/img.png\" alt = \"Product Image\"&gt;\n                              &lt;h3&gt;Product #3&lt;\/h3&gt;\n                           &lt;\/a&gt;\n                        &lt;\/li&gt;\n\n                        &lt;li&gt;\n                           &lt;a class = \"cd-dropdown-item\" href = \"\"&gt;\n                              &lt;img src = \"img\/img.png\" alt = \"Product Image\"&gt;\n                              &lt;h3&gt;Product #4&lt;\/h3&gt;\n                           &lt;\/a&gt;\n                        &lt;\/li&gt;\n\t\t\t\t\t\t\t\t\n                     &lt;\/ul&gt;\n\t\t\t\t\t\t\t\n                  &lt;\/li&gt; \n\n                  &lt;li class = \"has-children\"&gt;\n                     &lt;a href = \"\"&gt;Services&lt;\/a&gt;\n\t\t\t\t\t\t\t\n                     &lt;ul class = \"cd-dropdown-icons is-hidden\"&gt;\n\t\t\t\t\t\t\t\n                        &lt;li class = \"go-back\"&gt;&lt;a href = \"#0\"&gt;Menu&lt;\n                           \/a&gt;&lt;\/li&gt;\n\t\t\t\t\t\t\t\t\t\n                        &lt;li class = \"see-all\"&gt;&lt;a href = \"\"&gt;\n                           Browse Services&lt;\/a&gt;&lt;\/li&gt;\n\t\t\t\t\t\t\t\t\t\n                        &lt;li&gt;\n                           &lt;a class = \"cd-dropdown-item item-1\" href = \"\"&gt;\n                              &lt;h3&gt;Service #1&lt;\/h3&gt;\n                              &lt;p&gt;This is the item description&lt;\/p&gt;\n                           &lt;\/a&gt;\n                        &lt;\/li&gt;\n\n                        &lt;li&gt;\n                           &lt;a class = \"cd-dropdown-item item-2\" href = \"\"&gt;\n                              &lt;h3&gt;Service #2&lt;\/h3&gt;\n                              &lt;p&gt;This is the item description&lt;\/p&gt;\n                           &lt;\/a&gt;\n                        &lt;\/li&gt;\n\n                        &lt;li&gt;\n                           &lt;a class = \"cd-dropdown-item item-3\" href = \"\"&gt;\n                              &lt;h3&gt;Service #3&lt;\/h3&gt;\n                              &lt;p&gt;This is the item description&lt;\/p&gt;\n                           &lt;\/a&gt;\n                        &lt;\/li&gt;\n\n                        &lt;li&gt;\n                           &lt;a class = \"cd-dropdown-item item-4\" href = \"\"&gt;\n                              &lt;h3&gt;Service #4&lt;\/h3&gt;\n                              &lt;p&gt;This is the item description&lt;\/p&gt;\n                           &lt;\/a&gt;\n                        &lt;\/li&gt;\n\n                        &lt;li&gt;\n                           &lt;a class = \"cd-dropdown-item item-5\" href = \"\"&gt;\n                              &lt;h3&gt;Service #5&lt;\/h3&gt;\n                              &lt;p&gt;This is the item description&lt;\/p&gt;\n                           &lt;\/a&gt;\n                        &lt;\/li&gt;\n\n                        &lt;li&gt;\n                           &lt;a class = \"cd-dropdown-item item-6\" href = \"\"&gt;\n                              &lt;h3&gt;Service #6&lt;\/h3&gt;\n                              &lt;p&gt;This is the item description&lt;\/p&gt;\n                           &lt;\/a&gt;\n                        &lt;\/li&gt;\n\n                        &lt;li&gt;\n                           &lt;a class = \"cd-dropdown-item item-7\" href = \"\"&gt;\n                              &lt;h3&gt;Service #7&lt;\/h3&gt;\n                              &lt;p&gt;This is the item description&lt;\/p&gt;\n                           &lt;\/a&gt;\n                        &lt;\/li&gt;\n\n                        &lt;li&gt;\n                           &lt;a class = \"cd-dropdown-item item-8\" href = \"\"&gt;\n                              &lt;h3&gt;Service #8&lt;\/h3&gt;\n                              &lt;p&gt;This is the item description&lt;\/p&gt;\n                           &lt;\/a&gt;\n                        &lt;\/li&gt;\n\n                        &lt;li&gt;\n                           &lt;a class = \"cd-dropdown-item item-9\" href = \"\"&gt;\n                              &lt;h3&gt;Service #9&lt;\/h3&gt;\n                              &lt;p&gt;This is the item description&lt;\/p&gt;\n                           &lt;\/a&gt;\n                        &lt;\/li&gt;\n\n                        &lt;li&gt;\n                           &lt;a class = \"cd-dropdown-item item-10\" href = \"\"&gt;\n                              &lt;h3&gt;Service #10&lt;\/h3&gt;\n                              &lt;p&gt;This is the item description&lt;\/p&gt;\n                           &lt;\/a&gt;\n                        &lt;\/li&gt;\n\n                        &lt;li&gt;\n                           &lt;a class = \"cd-dropdown-item item-11\" href = \"\"&gt;\n                              &lt;h3&gt;Service #11&lt;\/h3&gt;\n                              &lt;p&gt;This is the item description&lt;\/p&gt;\n                           &lt;\/a&gt;\n                        &lt;\/li&gt;\n\n                        &lt;li&gt;\n                           &lt;a class = \"cd-dropdown-item item-12\" href = \"\"&gt;\n                              &lt;h3&gt;Service #12&lt;\/h3&gt;\n                              &lt;p&gt;This is the item description&lt;\/p&gt;\n                           &lt;\/a&gt;\n                        &lt;\/li&gt;\n\n                     &lt;\/ul&gt;\n\t\t\t\t\t\t\t\n                  &lt;\/li&gt; \n\n                  &lt;li class = \"cd-divider\"&gt;Divider&lt;\/li&gt;\n\n                  &lt;li&gt;&lt;a href = \"\"&gt;Page 1&lt;\/a&gt;&lt;\/li&gt;\n                  &lt;li&gt;&lt;a href = \"\"&gt;Page 2&lt;\/a&gt;&lt;\/li&gt;\n                  &lt;li&gt;&lt;a href = \"\"&gt;Page 3&lt;\/a&gt;&lt;\/li&gt;\n\t\t\t\t\t\t\n               &lt;\/ul&gt; \n\t\t\t\t\t\n            &lt;\/nav&gt; \n         &lt;\/div&gt; \n      &lt;\/header&gt;\n\n      &lt;main class = \"cd-main-content\"&gt;&lt;\/main&gt;\n\n      &lt;script src = \"js\/jquery-2.1.1.js\"&gt;&lt;\/script&gt;\n      &lt;script src = \"js\/jquery.menu-aim.js\"&gt;&lt;\/script&gt; \n      &lt;script src = \"js\/main.js\"&gt;&lt;\/script&gt;\n   &lt;\/body&gt;\n&lt;\/html&gt;<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Megadropdown.js \u2014 \u044d\u0442\u043e \u043f\u043b\u0430\u0433\u0438\u043d jQuery \u0434\u043b\u044f \u043f\u0440\u043e\u0441\u0442\u043e\u0439 \u0438 \u0431\u044b\u0441\u0442\u0440\u043e\u0439 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u0432\u044b\u043f\u0430\u0434\u0430\u044e\u0449\u0435\u0433\u043e \u043c\u0435\u043d\u044e. \u041f\u0440\u0438\u043c\u0435\u0440 \u0432\u044b\u043f\u0430\u0434\u0430\u044e\u0449\u0435\u0433\u043e \u043c\u0435\u043d\u044e, \u043a\u0430\u043a \u043f\u043e\u043a\u0430\u0437\u0430\u043d\u043e \u043d\u0438\u0436\u0435 \u2014 &lt;!doctype [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"categories":[154],"tags":[],"class_list":["post-4896","page","type-page","status-publish","hentry","category-jquery"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.bearloga.space\/en\/wp-json\/wp\/v2\/pages\/4896","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bearloga.space\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.bearloga.space\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.bearloga.space\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bearloga.space\/en\/wp-json\/wp\/v2\/comments?post=4896"}],"version-history":[{"count":0,"href":"https:\/\/www.bearloga.space\/en\/wp-json\/wp\/v2\/pages\/4896\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.bearloga.space\/en\/wp-json\/wp\/v2\/media?parent=4896"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bearloga.space\/en\/wp-json\/wp\/v2\/categories?post=4896"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bearloga.space\/en\/wp-json\/wp\/v2\/tags?post=4896"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}