Сообщений в теме: 3

[МихаилДолматов]

как реализовать такую кнопку с затемнением как на слайде, после нажатия раскрывается полный текст и внизу появляется кнопка скрыть

[MikDark]

МихаилДолматов (04 Август 2019 - 01:02) писал:

как реализовать такую кнопку с затемнением как на слайде, после нажатия раскрывается полный текст и внизу появляется кнопка скрыть 444.png

Здравствуйте. Вам нужно в описании страницы нажать кнопку Источник и туда вниз вставить данный код:

<div class="content">Текст, который должен разворачиваться</div>
<div class="toggle">Читать далее</div>

Соответственно в первой строке вставить текст, который показывается после нажатия на далее

Далее в самый конец шаблона main.js добавьте:

$(document).ready(function () {
	$(".content").hide();
	$(".toggle").on("click", function (e) {
	   
		var $this = $(this).prev('.content');
		var $text = $(this);
		$this.slideToggle('fast', function () {
			if ($(this).is(':visible')) {
				$text.text('Скрыть');
			} else {
				$text.text('Читать далее');
			}
		});	});
});

[МихаилДолматов]

MikDark (05 Август 2019 - 10:26) писал:

Здравствуйте. Вам нужно в описании страницы нажать кнопку Источник и туда вниз вставить данный код:

<div class="content">Текст, который должен разворачиваться</div>
<div class="toggle">Читать далее</div>

Соответственно в первой строке вставить текст, который показывается после нажатия на далее

Далее в самый конец шаблона main.js добавьте:

$(document).ready(function () {
$(".content").hide();
$(".toggle").on("click", function (e) {
	
	 var $this = $(this).prev('.content');
	 var $text = $(this);
	 $this.slideToggle('fast', function () {
		 if ($(this).is(':visible')) {
			 $text.text('Скрыть');
		 } else {
			 $text.text('Читать далее');
		 }
	 }); });
});

не получилось реализовать, нужно чтобы текст сохранил свои размеры цвета и расположение при открытии

[MikDark]

МихаилДолматов (05 Август 2019 - 12:33) писал:

не получилось реализовать, нужно чтобы текст сохранил свои размеры цвета и расположение при открытии

Если Вы после добавления кода выйдите из источника и зададите ему цвета - они применятся