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

[Ast]

Аккаунт SL-368333
Эта тема уже была на форуме, но предложенный вариант предполагает размещение на странице длинной портрянки скрипта, а не хотелось бы перегружать страницу скриптами.
Итак, нужно чтобы при клике на ссылку разворачивался контент с текстом и фото. При клике на следующую ссылку первый контент сворачивался, и разворачивался новый, и так далее, как в примере. Спасибо

Прикрепленные изображения

• 

[Юля123]

Ast (17 Май 2016 - 15:24) писал:

Аккаунт SL-368333
Эта тема уже была на форуме, но предложенный вариант предполагает размещение на странице длинной портрянки скрипта, а не хотелось бы перегружать страницу скриптами.
Итак, нужно чтобы при клике на ссылку разворачивался контент с текстом и фото. При клике на следующую ссылку первый контент сворачивался, и разворачивался новый, и так далее, как в примере. Спасибо

Здравствуйте, к сожалению, такое без скриптов реализовать не получится.

[Ast]

Юля123 (17 Май 2016 - 15:37) писал:

Здравствуйте, к сожалению, такое без скриптов реализовать не получится.

Я понимаю. Имею в виду, чтобы скрипт не писать на странице, а использовать его отдельным файлом. В предлагаемых вариантах скрипт пишется непосредственно на странице.

[Vaccina]

Можно использовать следующую инструкцию:
http://forum.storela...ст/#entry141478

Она предполагает использование одного скрипта вынесенного в отдельный файл со скриптами и вставочная структура текста ничем не нагружена.

[Ast]

Vaccina (18 Май 2016 - 06:47) писал:

Можно использовать следующую инструкцию:
http://forum.storela...ст/#entry141478

Она предполагает использование одного скрипта вынесенного в отдельный файл со скриптами и вставочная структура текста ничем не нагружена.

Да, этот вариант работает хорошо, правда при открытии второго текста первый не закрывается автоматически, но это допустимо. Спасибо

[Vaccina]

Попробуйте скрипт:

$(function() {
  $('.spoiler a[href="#"]').click(function() {
		$(this).closest('.spoiler').children('.toggle').slideToggle();
		return(false);
  });
});

заменить на:

$(function() {
  $('.spoiler a[href="#"]').click(function() {
		$('.toggle').hide();
		$(this).closest('.spoiler').children('.toggle').slideToggle();
		return(false);
  });
});

пришлите пожалуйста ссылку на страницу со спойлерами, если не сработает(можно без указания доменного имени)

[Ast]

Vaccina (19 Май 2016 - 04:31) писал:

Попробуйте скрипт:

$(function() {
$('.spoiler a[href="#"]').click(function() {
	 $(this).closest('.spoiler').children('.toggle').slideToggle();
	 return(false);
});
});

заменить на:

$(function() {
$('.spoiler a[href="#"]').click(function() {
	 $('.toggle').hide();
	 $(this).closest('.spoiler').children('.toggle').slideToggle();
	 return(false);
});
});

пришлите пожалуйста ссылку на страницу со спойлерами, если не сработает(можно без указания доменного имени)

Все сработало, спасибо большое! /page/osteklenie-balkonov-lodzhii