Web development «Toggle»

сворачивание блоков
- $(.mytoggle).each(function () {
  - h=$(this);
  - let html=h.html();
  - h.empty();
  - h.css(margin-bottom,0);
  - let btn=$(<img>).prependTo(h);
  - $(<div>).appendTo(h).html(html);
  - btn.css(display,inline-block);
  - btn.css(vertical-align,top);
  - btn.css(height,24px);
  - btn.css(width,24px);
  - btn.next().css(display,inline-block);
  - btn.attr(src,СсылкаНаКартинку);
  - btn.click(function(){…});
    - $(this).parent().next().slideToggle();
  - let div=h.next();
  - div.css(padding,5px);
  - div.css(border,1px solid);
  - div.css(display,none);
- }
Размещение кода на WordPress
- Insert Headers and Footers
  - плагин размещения js кода
  - Script in Footer
    - раздел для расположения кода
Пример использования в редакторе с блоками html
- <div class=mytoggle>head</div>
- <div>content</div>