{"id":981,"date":"2023-03-28T19:46:52","date_gmt":"2023-03-28T16:46:52","guid":{"rendered":"https:\/\/notes.profidev.online\/?p=981"},"modified":"2023-03-28T19:46:55","modified_gmt":"2023-03-28T16:46:55","slug":"dropdown-menu","status":"publish","type":"post","link":"https:\/\/notes.profidev.online\/ru\/headermenu\/981\/","title":{"rendered":"Dropdown menu"},"content":{"rendered":"\n<figure class=\"wp-block-video\"><video height=\"765\" style=\"aspect-ratio: 713 \/ 765;\" width=\"713\" controls src=\"https:\/\/notes.profidev.online\/wp-content\/uploads\/2023\/03\/vokoscreenng-2023-03-28_18-42-09.webm\"><\/video><\/figure>\n\n\n\n<div class=\"wp-block-codemirror-blocks-code-block code-block\"><pre class=\"CodeMirror\" data-setting=\"{&quot;showPanel&quot;:true,&quot;languageLabel&quot;:&quot;language&quot;,&quot;fullScreenButton&quot;:true,&quot;copyButton&quot;:true,&quot;mode&quot;:&quot;htmlmixed&quot;,&quot;mime&quot;:&quot;text\/html&quot;,&quot;theme&quot;:&quot;cobalt&quot;,&quot;lineNumbers&quot;:true,&quot;styleActiveLine&quot;:true,&quot;lineWrapping&quot;:true,&quot;readOnly&quot;:false,&quot;fileName&quot;:&quot;&quot;,&quot;TrpContentRestriction&quot;:{&quot;restriction_type&quot;:&quot;exclude&quot;,&quot;selected_languages&quot;:[],&quot;panel_open&quot;:true},&quot;language&quot;:&quot;HTML&quot;,&quot;maxHeight&quot;:&quot;400px&quot;,&quot;modeName&quot;:&quot;html&quot;}\">&lt;link rel=&quot;stylesheet&quot; href=&quot;https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/ionicons\/2.0.1\/css\/ionicons.min.css&quot;&gt;\n\n  &lt;div class=&quot;accordion js-accordion&quot;&gt;\n    &lt;div class=&quot;accordion__item js-accordion-item&quot;&gt;\n      &lt;div class=&quot;accordion-header js-accordion-header&quot;&gt;Panel 1&lt;\/div&gt; \n    &lt;div class=&quot;accordion-body js-accordion-body&quot;&gt;\n      &lt;div class=&quot;accordion-body__contents&quot;&gt;\n        Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos sequi placeat distinctio dolor, amet magnam voluptatibus eos ex vero, sunt veritatis esse. Nostrum voluptatum et repudiandae vel sed, explicabo in?\n      &lt;\/div&gt;\n        &lt;div class=&quot;accordion js-accordion&quot;&gt;\n          &lt;div class=&quot;accordion__item js-accordion-item&quot;&gt;\n             &lt;div class=&quot;accordion-header js-accordion-header&quot;&gt;Sub Panel 1&lt;\/div&gt; \n             &lt;div class=&quot;accordion-body js-accordion-body&quot;&gt;\n               &lt;div class=&quot;accordion-body__contents&quot;&gt;\n                Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos sequi placeat distinctio dolor, amet magnam voluptatibus eos ex vero, sunt veritatis esse. Nostrum voluptatum et repudiandae vel sed, explicabo in?\n               &lt;\/div&gt;&lt;!-- end of sub accordion item body contents --&gt;\n             &lt;\/div&gt;&lt;!-- end of sub accordion item body --&gt;\n          &lt;\/div&gt;&lt;!-- end of sub accordion item --&gt;\n          &lt;div class=&quot;accordion__item js-accordion-item&quot;&gt;\n             &lt;div class=&quot;accordion-header js-accordion-header&quot;&gt;Sub Panel 2&lt;\/div&gt; \n             &lt;div class=&quot;accordion-body js-accordion-body&quot;&gt;\n               &lt;div class=&quot;accordion-body__contents&quot;&gt;\n                Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos sequi placeat distinctio dolor, amet magnam voluptatibus eos ex vero, sunt veritatis esse. Nostrum voluptatum et repudiandae vel sed, explicabo in?\n               &lt;\/div&gt;&lt;!-- end of sub accordion item body contents --&gt;\n             &lt;\/div&gt;&lt;!-- end of sub accordion item body --&gt;\n          &lt;\/div&gt;&lt;!-- end of sub accordion item --&gt;\n        &lt;\/div&gt;&lt;!-- end of sub accordion --&gt;\n      &lt;\/div\n      &lt;\/div&gt;\n    &lt;\/div&gt;&lt;!-- end of accordion item --&gt;\n    &lt;div class=&quot;accordion__item js-accordion-item active&quot;&gt;\n      &lt;div class=&quot;accordion-header js-accordion-header&quot;&gt;Panel 2&lt;\/div&gt; \n    &lt;div class=&quot;accordion-body js-accordion-body&quot;&gt;\n      &lt;div class=&quot;accordion-body__contents&quot;&gt;\n        Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos sequi placeat distinctio dolor, amet magnam voluptatibus eos ex vero, sunt veritatis esse. Nostrum voluptatum et repudiandae vel sed, explicabo in?\n      &lt;\/div&gt;\n        &lt;div class=&quot;accordion js-accordion&quot;&gt;\n          &lt;div class=&quot;accordion__item js-accordion-item&quot;&gt;\n             &lt;div class=&quot;accordion-header js-accordion-header&quot;&gt;Sub Panel 1&lt;\/div&gt; \n             &lt;div class=&quot;accordion-body js-accordion-body&quot;&gt;\n               &lt;div class=&quot;accordion-body__contents&quot;&gt;\n                Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos sequi placeat distinctio dolor, amet magnam voluptatibus eos ex vero, sunt veritatis esse. Nostrum voluptatum et repudiandae vel sed, explicabo in?\n               &lt;\/div&gt;&lt;!-- end of sub accordion item body contents --&gt;\n             &lt;\/div&gt;&lt;!-- end of sub accordion item body --&gt;\n          &lt;\/div&gt;&lt;!-- end of sub accordion item --&gt;\n          &lt;div class=&quot;accordion__item js-accordion-item&quot;&gt;\n             &lt;div class=&quot;accordion-header js-accordion-header&quot;&gt;Sub Panel 2&lt;\/div&gt; \n             &lt;div class=&quot;accordion-body js-accordion-body&quot;&gt;\n               &lt;div class=&quot;accordion-body__contents&quot;&gt;\n                Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos sequi placeat distinctio dolor, amet magnam voluptatibus eos ex vero, sunt veritatis esse. Nostrum voluptatum et repudiandae vel sed, explicabo in?\n               &lt;\/div&gt;&lt;!-- end of sub accordion item body contents --&gt;\n             &lt;\/div&gt;&lt;!-- end of sub accordion item body --&gt;\n          &lt;\/div&gt;&lt;!-- end of sub accordion item --&gt;\n        &lt;\/div&gt;&lt;!-- end of sub accordion --&gt;\n      &lt;\/div&gt;&lt;!-- end of accordion body --&gt;\n    &lt;\/div&gt;&lt;!-- end of accordion item --&gt;\n      &lt;div class=&quot;accordion__item js-accordion-item&quot;&gt;\n      &lt;div class=&quot;accordion-header js-accordion-header&quot;&gt;Panel 3&lt;\/div&gt; \n    &lt;div class=&quot;accordion-body js-accordion-body&quot;&gt;\n      &lt;div class=&quot;accordion-body__contents&quot;&gt;\n        Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos sequi placeat distinctio dolor, amet magnam voluptatibus eos ex vero, sunt veritatis esse. Nostrum voluptatum et repudiandae vel sed, explicabo in?\n      &lt;\/div&gt;\n        &lt;div class=&quot;accordion js-accordion&quot;&gt;\n          &lt;div class=&quot;accordion__item js-accordion-item&quot;&gt;\n             &lt;div class=&quot;accordion-header js-accordion-header&quot;&gt;Sub Panel 1&lt;\/div&gt; \n             &lt;div class=&quot;accordion-body js-accordion-body&quot;&gt;\n               &lt;div class=&quot;accordion-body__contents&quot;&gt;\n                Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos sequi placeat distinctio dolor, amet magnam voluptatibus eos ex vero, sunt veritatis esse. Nostrum voluptatum et repudiandae vel sed, explicabo in?\n               &lt;\/div&gt;&lt;!-- end of sub accordion item body contents --&gt;\n             &lt;\/div&gt;&lt;!-- end of sub accordion item body --&gt;\n          &lt;\/div&gt;&lt;!-- end of sub accordion item --&gt;\n          &lt;div class=&quot;accordion__item js-accordion-item&quot;&gt;\n             &lt;div class=&quot;accordion-header js-accordion-header&quot;&gt;Sub Panel 2&lt;\/div&gt; \n             &lt;div class=&quot;accordion-body js-accordion-body&quot;&gt;\n               &lt;div class=&quot;accordion-body__contents&quot;&gt;\n                Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos sequi placeat distinctio dolor, amet magnam voluptatibus eos ex vero, sunt veritatis esse. Nostrum voluptatum et repudiandae vel sed, explicabo in?\n               &lt;\/div&gt;&lt;!-- end of sub accordion item body contents --&gt;\n             &lt;\/div&gt;&lt;!-- end of sub accordion item body --&gt;\n          &lt;\/div&gt;&lt;!-- end of sub accordion item --&gt;\n        &lt;\/div&gt;&lt;!-- end of sub accordion --&gt;\n      &lt;\/div&gt;&lt;!-- end of accordion body --&gt;\n    &lt;\/div&gt;&lt;!-- end of accordion item --&gt;\n       &lt;div class=&quot;accordion__item js-accordion-item&quot;&gt;\n      &lt;div class=&quot;accordion-header js-accordion-header&quot;&gt;Panel 4&lt;\/div&gt; \n    &lt;div class=&quot;accordion-body js-accordion-body&quot;&gt;\n      &lt;div class=&quot;accordion-body__contents&quot;&gt;\n        Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos sequi placeat distinctio dolor, amet magnam voluptatibus eos ex vero, sunt veritatis esse. Nostrum voluptatum et repudiandae vel sed, explicabo in?\n      &lt;\/div&gt;\n        &lt;div class=&quot;accordion js-accordion&quot;&gt;\n          &lt;div class=&quot;accordion__item js-accordion-item&quot;&gt;\n             &lt;div class=&quot;accordion-header js-accordion-header&quot;&gt;Sub Panel 1&lt;\/div&gt; \n             &lt;div class=&quot;accordion-body js-accordion-body&quot;&gt;\n               &lt;div class=&quot;accordion-body__contents&quot;&gt;\n                Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos sequi placeat distinctio dolor, amet magnam voluptatibus eos ex vero, sunt veritatis esse. Nostrum voluptatum et repudiandae vel sed, explicabo in?\n               &lt;\/div&gt;&lt;!-- end of sub accordion item body contents --&gt;\n             &lt;\/div&gt;&lt;!-- end of sub accordion item body --&gt;\n          &lt;\/div&gt;&lt;!-- end of sub accordion item --&gt;\n          &lt;div class=&quot;accordion__item js-accordion-item&quot;&gt;\n             &lt;div class=&quot;accordion-header js-accordion-header&quot;&gt;Sub Panel 2&lt;\/div&gt; \n             &lt;div class=&quot;accordion-body js-accordion-body&quot;&gt;\n               &lt;div class=&quot;accordion-body__contents&quot;&gt;\n                Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos sequi placeat distinctio dolor, amet magnam voluptatibus eos ex vero, sunt veritatis esse. Nostrum voluptatum et repudiandae vel sed, explicabo in?\n               &lt;\/div&gt;&lt;!-- end of sub accordion item body contents --&gt;\n             &lt;\/div&gt;&lt;!-- end of sub accordion item body --&gt;\n          &lt;\/div&gt;&lt;!-- end of sub accordion item --&gt;\n        &lt;\/div&gt;&lt;!-- end of sub accordion --&gt;\n      &lt;\/div&gt;&lt;!-- end of accordion body --&gt;\n    &lt;\/div&gt;&lt;!-- end of accordion item --&gt;\n       &lt;div class=&quot;accordion__item js-accordion-item&quot;&gt;\n      &lt;div class=&quot;accordion-header js-accordion-header&quot;&gt;Panel 5&lt;\/div&gt; \n    &lt;div class=&quot;accordion-body js-accordion-body&quot;&gt;\n      &lt;div class=&quot;accordion-body__contents&quot;&gt;\n        Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos sequi placeat distinctio dolor, amet magnam voluptatibus eos ex vero, sunt veritatis esse. Nostrum voluptatum et repudiandae vel sed, explicabo in?\n      &lt;\/div&gt;\n        &lt;div class=&quot;accordion js-accordion&quot;&gt;\n          &lt;div class=&quot;accordion__item js-accordion-item&quot;&gt;\n             &lt;div class=&quot;accordion-header js-accordion-header&quot;&gt;Sub Panel 1&lt;\/div&gt; \n             &lt;div class=&quot;accordion-body js-accordion-body&quot;&gt;\n               &lt;div class=&quot;accordion-body__contents&quot;&gt;\n                Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos sequi placeat distinctio dolor, amet magnam voluptatibus eos ex vero, sunt veritatis esse. Nostrum voluptatum et repudiandae vel sed, explicabo in?\n               &lt;\/div&gt;&lt;!-- end of sub accordion item body contents --&gt;\n             &lt;\/div&gt;&lt;!-- end of sub accordion item body --&gt;\n          &lt;\/div&gt;&lt;!-- end of sub accordion item --&gt;\n          &lt;div class=&quot;accordion__item js-accordion-item&quot;&gt;\n             &lt;div class=&quot;accordion-header js-accordion-header&quot;&gt;Sub Panel 2&lt;\/div&gt; \n             &lt;div class=&quot;accordion-body js-accordion-body&quot;&gt;\n               &lt;div class=&quot;accordion-body__contents&quot;&gt;\n                Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos sequi placeat distinctio dolor, amet magnam voluptatibus eos ex vero, sunt veritatis esse. Nostrum voluptatum et repudiandae vel sed, explicabo in?\n               &lt;\/div&gt;&lt;!-- end of sub accordion item body contents --&gt;\n             &lt;\/div&gt;&lt;!-- end of sub accordion item body --&gt;\n          &lt;\/div&gt;&lt;!-- end of sub accordion item --&gt;\n        &lt;\/div&gt;&lt;!-- end of sub accordion --&gt;\n      &lt;\/div&gt;&lt;!-- end of accordion body --&gt;\n    &lt;\/div&gt;&lt;!-- end of accordion item --&gt;\n       &lt;div class=&quot;accordion__item js-accordion-item&quot;&gt;\n      &lt;div class=&quot;accordion-header js-accordion-header&quot;&gt;Panel 6&lt;\/div&gt; \n    &lt;div class=&quot;accordion-body js-accordion-body&quot;&gt;\n      &lt;div class=&quot;accordion-body__contents&quot;&gt;\n        Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos sequi placeat distinctio dolor, amet magnam voluptatibus eos ex vero, sunt veritatis esse. Nostrum voluptatum et repudiandae vel sed, explicabo in?\n      &lt;\/div&gt;\n        &lt;div class=&quot;accordion js-accordion&quot;&gt;\n          &lt;div class=&quot;accordion__item js-accordion-item&quot;&gt;\n             &lt;div class=&quot;accordion-header js-accordion-header&quot;&gt;Sub Panel 1&lt;\/div&gt; \n             &lt;div class=&quot;accordion-body js-accordion-body&quot;&gt;\n               &lt;div class=&quot;accordion-body__contents&quot;&gt;\n                Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos sequi placeat distinctio dolor, amet magnam voluptatibus eos ex vero, sunt veritatis esse. Nostrum voluptatum et repudiandae vel sed, explicabo in?\n               &lt;\/div&gt;&lt;!-- end of sub accordion item body contents --&gt;\n             &lt;\/div&gt;&lt;!-- end of sub accordion item body --&gt;\n          &lt;\/div&gt;&lt;!-- end of sub accordion item --&gt;\n          &lt;div class=&quot;accordion__item js-accordion-item&quot;&gt;\n             &lt;div class=&quot;accordion-header js-accordion-header&quot;&gt;Sub Panel 2&lt;\/div&gt; \n             &lt;div class=&quot;accordion-body js-accordion-body&quot;&gt;\n               &lt;div class=&quot;accordion-body__contents&quot;&gt;\n                Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos sequi placeat distinctio dolor, amet magnam voluptatibus eos ex vero, sunt veritatis esse. Nostrum voluptatum et repudiandae vel sed, explicabo in?\n               &lt;\/div&gt;&lt;!-- end of sub accordion item body contents --&gt;\n             &lt;\/div&gt;&lt;!-- end of sub accordion item body --&gt;\n          &lt;\/div&gt;&lt;!-- end of sub accordion item --&gt;\n        &lt;\/div&gt;&lt;!-- end of sub accordion --&gt;\n      &lt;\/div&gt;&lt;!-- end of accordion body --&gt;\n    &lt;\/div&gt;&lt;!-- end of accordion item --&gt;\n  &lt;\/div&gt;&lt;!-- end of accordion --&gt;\n     \n  &lt;script src=&quot;\/\/cdnjs.cloudflare.com\/ajax\/libs\/jquery\/2.1.3\/jquery.min.js&quot;&gt;&lt;\/script&gt;\n  &lt;script src=&quot;https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/ionicons\/2.0.1\/css\/ionicons.min.css&quot;&gt;&lt;\/script&gt;<\/pre><\/div>\n\n\n\n<div class=\"wp-block-codemirror-blocks-code-block code-block\"><pre class=\"CodeMirror\" data-setting=\"{&quot;showPanel&quot;:true,&quot;languageLabel&quot;:&quot;language&quot;,&quot;fullScreenButton&quot;:true,&quot;copyButton&quot;:true,&quot;mode&quot;:&quot;css&quot;,&quot;mime&quot;:&quot;text\/css&quot;,&quot;theme&quot;:&quot;cobalt&quot;,&quot;lineNumbers&quot;:true,&quot;styleActiveLine&quot;:true,&quot;lineWrapping&quot;:true,&quot;readOnly&quot;:false,&quot;fileName&quot;:&quot;&quot;,&quot;TrpContentRestriction&quot;:{&quot;restriction_type&quot;:&quot;exclude&quot;,&quot;selected_languages&quot;:[],&quot;panel_open&quot;:true},&quot;language&quot;:&quot;CSS&quot;,&quot;maxHeight&quot;:&quot;400px&quot;,&quot;modeName&quot;:&quot;css&quot;}\">body {\n  font-size: 62.5%;\n  background: #dadada;\n  font-family: 'Open Sans', sans-serif;\n  line-height: 2;\n  padding: 5em;\n}\n\n.accordion {\n  font-size: 1rem;\n  width: 30vw;\n  margin: 0 auto;\n  border-radius: 5px;\n}\n\n.accordion-header,\n.accordion-body {\n  background: white;\n}\n\n.accordion-header {\n  padding: 1.5em 1.5em;\n  background: #3F51B5;\n  color: white;\n  cursor: pointer;\n  font-size: .7em;\n  letter-spacing: .1em;\n  transition: all .3s;\n  text-transform: uppercase;\n}\n\n.accordion__item {\n    border-bottom: 1px solid #3a4ba4;\n}\n\n.accordion__item .accordion__item {\n  border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n}\n\n.accordion-header:hover {\n  background: #2D3D99;\n  position: relative;\n  z-index: 5;\n}\n\n.accordion-body {\n  background: #fcfcfc;\n  color: #353535;\n  display: none;\n}\n\n.accordion-body__contents {\n  padding: 1.5em 1.5em;\n  font-size: .85em;\n}\n\n.accordion__item.active:last-child .accordion-header {\n  border-radius: none;\n}\n\n.accordion:first-child &gt; .accordion__item &gt; .accordion-header {\n  border-bottom: 1px solid transparent;\n}\n\n.accordion__item &gt; .accordion-header:after {\n  content: &quot;\\f3d0&quot;;\n  font-family: IonIcons;\n  font-size: 1.2em;\n  float: right;\n  position: relative;\n  top: -2px;\n  transition: .3s all;\n  transform: rotate(0deg);\n}\n\n.accordion__item.active &gt; .accordion-header:after {\n  transform: rotate(-180deg);\n}\n\n.accordion__item.active .accordion-header {\n  background: #2D3D99;\n}\n\n.accordion__item .accordion__item .accordion-header {\n  background: #f1f1f1;\n  color: #353535;\n}\n\n@media screen and (max-width: 1000px) {\n  body {\n    padding: 1em;\n  }\n  \n  .accordion {\n    width: 100%;\n  }\n}<\/pre><\/div>\n\n\n\n<div class=\"wp-block-codemirror-blocks-code-block code-block\"><pre class=\"CodeMirror\" data-setting=\"{&quot;showPanel&quot;:true,&quot;languageLabel&quot;:&quot;language&quot;,&quot;fullScreenButton&quot;:true,&quot;copyButton&quot;:true,&quot;mode&quot;:&quot;javascript&quot;,&quot;mime&quot;:&quot;text\/javascript&quot;,&quot;theme&quot;:&quot;cobalt&quot;,&quot;lineNumbers&quot;:true,&quot;styleActiveLine&quot;:true,&quot;lineWrapping&quot;:true,&quot;readOnly&quot;:false,&quot;fileName&quot;:&quot;&quot;,&quot;TrpContentRestriction&quot;:{&quot;restriction_type&quot;:&quot;exclude&quot;,&quot;selected_languages&quot;:[],&quot;panel_open&quot;:true},&quot;language&quot;:&quot;JavaScript&quot;,&quot;maxHeight&quot;:&quot;400px&quot;,&quot;modeName&quot;:&quot;js&quot;}\">var accordion = (function(){\n  \n  var $accordion = $('.js-accordion');\n  var $accordion_header = $accordion.find('.js-accordion-header');\n  var $accordion_item = $('.js-accordion-item');\n \n  \/\/ default settings \n  var settings = {\n    \/\/ animation speed\n    speed: 400,\n    \n    \/\/ close all other accordion items if true\n    oneOpen: false\n  };\n    \n  return {\n    \/\/ pass configurable object literal\n    init: function($settings) {\n      $accordion_header.on('click', function() {\n        accordion.toggle($(this));\n      });\n      \n      $.extend(settings, $settings); \n      \n      \/\/ ensure only one accordion is active if oneOpen is true\n      if(settings.oneOpen &amp;&amp; $('.js-accordion-item.active').length &gt; 1) {\n        $('.js-accordion-item.active:not(:first)').removeClass('active');\n      }\n      \n      \/\/ reveal the active accordion bodies\n      $('.js-accordion-item.active').find('&gt; .js-accordion-body').show();\n    },\n    toggle: function($this) {\n            \n      if(settings.oneOpen &amp;&amp; $this[0] != $this.closest('.js-accordion').find('&gt; .js-accordion-item.active &gt; .js-accordion-header')[0]) {\n        $this.closest('.js-accordion')\n               .find('&gt; .js-accordion-item') \n               .removeClass('active')\n               .find('.js-accordion-body')\n               .slideUp()\n      }\n      \n      \/\/ show\/hide the clicked accordion item\n      $this.closest('.js-accordion-item').toggleClass('active');\n      $this.next().stop().slideToggle(settings.speed);\n    }\n  }\n})();\n\n$(document).ready(function(){\n  accordion.init({ speed: 300, oneOpen: true });\n});<\/pre><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":983,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[18],"tags":[17],"class_list":["post-981","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-headermenu","tag-jquery"],"_links":{"self":[{"href":"https:\/\/notes.profidev.online\/ru\/wp-json\/wp\/v2\/posts\/981","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/notes.profidev.online\/ru\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/notes.profidev.online\/ru\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/notes.profidev.online\/ru\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/notes.profidev.online\/ru\/wp-json\/wp\/v2\/comments?post=981"}],"version-history":[{"count":0,"href":"https:\/\/notes.profidev.online\/ru\/wp-json\/wp\/v2\/posts\/981\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/notes.profidev.online\/ru\/wp-json\/wp\/v2\/media\/983"}],"wp:attachment":[{"href":"https:\/\/notes.profidev.online\/ru\/wp-json\/wp\/v2\/media?parent=981"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/notes.profidev.online\/ru\/wp-json\/wp\/v2\/categories?post=981"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/notes.profidev.online\/ru\/wp-json\/wp\/v2\/tags?post=981"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}