Рубрики
CSS WordPress

Web development «Toggle»

  • Автор записи Автор: bo52
  • Дата записи 28.07.2024
  • Закрепленная запись
  • сворачивание блоков
    • $(.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>