Рубрики
WordPress Блоки "произвольный html" CSS JQuery

«Toggle»

  • Insert Headers and Footers
    • Script in Footer
      • плагин размещения js кода
  • сворачивание блоков
$('.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','http://codegid.ru/img/cub_r.png');
	btn.click(function(){$(this).parent().next().slideToggle()});
	
	let div=h.next();
	div.css('padding','5px');
	div.css('border','1px solid');
	div.css('display','none');
});
  • Пример использования в редакторе с блоками html
<div class="mytoggle">head</div><div>content</div>