Перейти к содержимому


Раскрывающийся Текстовый Список


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 63

#21 miyako

miyako

    Активный участник

  • Модератоpы
  • 5 372 сообщений

Отправлено 01 Октябрь 2013 - 14:57

Просмотр сообщенияvolanchics (01 Октябрь 2013 - 14:50) писал:

Создал страницу FAQ. В "Источник вставил код. В main.css вставил:
.hide {
display:none;
}
Но на странице текст весь развернут. Как было бы если бы я его просто туда вставил...

Используйте следующий код -
<div onclick="$('#faq1').toggle(); return(false);" style="cursor: pointer;"> <p> <strong> <em> 1. Мы выбрали матрас орион для ребенка, но можно ли как-то сделать матрас повыше, только не засчет натурального латекса (а то, полагаю, цена будет кусаться)? - Елена.</em> </strong> </p></div>
<div id="faq1" style="display:none;"><p>Елена, добрый день,</p>
<p>я бы предложила вам нарастить высоту матраса, добавив в середину слой пенополиутерана или струттофайбера высотой 3 см. Отпускная цена матраса увеличится на 300-800 руб.</p></div>
<div onclick="$('#faq1').toggleClass('hide');return(false);" style="cursor: pointer;">Можно ли приготовить хороший газированный напиток дома?</div>
<div id="faq1" style="display:none;">
Да, можно! Тут нет никаких секретов! Теперь дома Вы можете приготовить свой любимый газированный напиток. С помощью сифонов SodaStream Вы превращаете обычную воду в свежий, вкусный газированный напиток (газ СО2 находится специальном баллоне - карбонизаторе, который входит в систему для приготовления газированных напитков SodaStream с любым из существующих вкусов (сиропов). Так что экспериментируйте и наслаждайтесь самыми свежими и вкусными газированными напитками!
</div>
<div onclick="$('#faq2').toggleClass('hide');return(false);" style="cursor: pointer;">Можно ли приготовить хороший газированный напиток дома? 2</div>
<div id="faq2" style="display:none;">
Да, можно! Тут нет никаких секретов! Теперь дома Вы можете приготовить свой любимый газированный напиток. С помощью сифонов SodaStream Вы превращаете обычную воду в свежий, вкусный газированный напиток (газ СО2 находится специальном баллоне - карбонизаторе, который входит в систему для приготовления газированных напитков SodaStream с любым из существующих вкусов (сиропов). Так что экспериментируйте и наслаждайтесь самыми свежими и вкусными газированными напитками! 2
</div>


#22 volanchics

volanchics

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 52 сообщений

Отправлено 01 Октябрь 2013 - 15:03

Вставил. Но теперь на странице просто отображается ТОЛЬКО вопрос. При наведении на него курсор меняется на ладошку, но при клике по нему он не разворачивается.... Тоесть ничего не происходит....

#23 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 02 Октябрь 2013 - 03:10

Попробуйте использовать следующий код

<div onclick="$('#faq1').toggle(); return(false);" style="cursor: pointer;"> <p> <strong> <em> 1. Мы выбрали матрас орион для ребенка, но можно ли как-то сделать матрас повыше, только не засчет натурального латекса (а то, полагаю, цена будет кусаться)? - Елена.</em> </strong> </p></div>
<div id="faq1" style="display:none;"><p>Елена, добрый день,</p>
<p>я бы предложила вам нарастить высоту матраса, добавив в середину слой пенополиутерана или струттофайбера высотой 3 см. Отпускная цена матраса увеличится на 300-800 руб.</p></div>
<div onclick="$('#faq2').toggle(); return(false);" style="cursor: pointer;">Можно ли приготовить хороший газированный напиток дома?</div>
<div id="faq2" style="display:none;">
Да, можно! Тут нет никаких секретов! Теперь дома Вы можете приготовить свой любимый газированный напиток. С помощью сифонов SodaStream Вы превращаете обычную воду в свежий, вкусный газированный напиток (газ СО2 находится специальном баллоне - карбонизаторе, который входит в систему для приготовления газированных напитков SodaStream с любым из существующих вкусов (сиропов). Так что экспериментируйте и наслаждайтесь самыми свежими и вкусными газированными напитками!
</div>
<div onclick="$('#faq3').toggle(); return(false);" style="cursor: pointer;">Можно ли приготовить хороший газированный напиток дома? 2</div>
<div id="faq3" style="display:none;">
Да, можно! Тут нет никаких секретов! Теперь дома Вы можете приготовить свой любимый газированный напиток. С помощью сифонов SodaStream Вы превращаете обычную воду в свежий, вкусный газированный напиток (газ СО2 находится специальном баллоне - карбонизаторе, который входит в систему для приготовления газированных напитков SodaStream с любым из существующих вкусов (сиропов). Так что экспериментируйте и наслаждайтесь самыми свежими и вкусными газированными напитками! 2
</div>


#24 bladeinhand

bladeinhand

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 128 сообщений

Отправлено 05 Ноябрь 2013 - 14:37

А можно ещё раз для чайников с самого начала пожалуйста?
По шагам. Необходимо создать новую страницу "FAQ" , разместить её между пунктами "Контакты" и "Вход в ЛК"
А там уже будет собственно фак со вложенными раскрывающимися списками

#25 ne_yana

ne_yana

    Активный участник

  • Модератоpы
  • 1 190 сообщений

Отправлено 05 Ноябрь 2013 - 14:54

Просмотр сообщенияbladeinhand (05 Ноябрь 2013 - 14:37) писал:

А можно ещё раз для чайников с самого начала пожалуйста?
По шагам. Необходимо создать новую страницу "FAQ" , разместить её между пунктами "Контакты" и "Вход в ЛК"
А там уже будет собственно фак со вложенными раскрывающимися списками
Здравствуйте, новый пункт в меню можно добавить в разделе Сайт - Меню, с помощью стрелок можно отредактировать их размещение.

#26 bladeinhand

bladeinhand

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 128 сообщений

Отправлено 05 Ноябрь 2013 - 15:02

а ещё подскажите пожалуйста, нельзя ли добавить кнопку "листать вверх", как это сделано в том же контакте. А то товаров много, пользоваться сайтом всё труднее

А что прописать в "Куда ссылается"
Необходимо же ещё создать новую страницу с факом

#27 ne_yana

ne_yana

    Активный участник

  • Модератоpы
  • 1 190 сообщений

Отправлено 05 Ноябрь 2013 - 15:07

Просмотр сообщенияbladeinhand (05 Ноябрь 2013 - 15:02) писал:

а ещё подскажите пожалуйста, нельзя ли добавить кнопку "листать вверх", как это сделано в том же контакте. А то товаров много, пользоваться сайтом всё труднее

А что прописать в "Куда ссылается"
Необходимо же ещё создать новую страницу с факом
Здравствуйте, для установки кнопки "Вверх" ознакомьтесь с этой темой форума: http://forum.storela...-кнопку-наверх/
Создать страницу можно в разделе Сайт - Страницы

#28 bladeinhand

bladeinhand

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 128 сообщений

Отправлено 05 Январь 2014 - 17:51

Внимательно перечитал, всё что тут понаписано, но всё равно разобраться не получилось =(
Можно ещё раз. Вот мне нужен такой текст:

Название X
- невидимое описание
Название Y
- невидимое описание
и т.д.

#29 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 07 Январь 2014 - 04:14

В качестве html кода используйте код вида

<div class="spoiler">
  <div class="title" style="cursor: pointer;"><strong><em>Название X</em></strong></div>
  <div class="description" style="display:none;">невидимое описание</div>
</div>
<div class="spoiler">
  <div class="title" style="cursor: pointer;"><strong><em>Название Y</em></strong></div>
  <div class="description"style="display:none;">невидимое описание</div>
</div>

чтобы данный код начал работать - добавьте так же в файл main.js код

$(function() {
  $('.spoiler > .title').click(function() {
	$(this).closest('.spoiler').children('.description').toggle('slow');
	return(false);
  });
});


#30 bladeinhand

bladeinhand

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 128 сообщений

Отправлено 09 Январь 2014 - 16:29

Сделал, как вы посоветовали, получилось мягко говоря неидеально:
http://knifemania.ru/page/Справочник
Хотелось бы, чтобы открывался список именно под тем заголовком, в который нажали, а не снизу.
Ещё хочется чтобы нельзя было открыть их одновременно, а то каша получается.
Совсем было бы хорошо, добавить после невидимого текста значок, щёлкнув по которому, можно было бы свернуть обратно описание

#31 Сake

Сake

    Активный участник

  • Модератоpы
  • 5 979 сообщений

Отправлено 10 Январь 2014 - 03:13

Проблема в большей части в том что у вас нарушена структура блоков. У вас структура выглядит так

<div class="spoiler">
  <div class="title" style="cursor: pointer;"></div>
  <br>
  <div class="spoiler">
	 <br>
	 <div class="title" style="cursor: pointer;"></div>
	 <br>
	 <div class="description" style="display:none;"></div>
	 <br>
  </div>
  <div class="description" style="display: none;"></div>
</div>

Если сравнить её с изначальной структурой, то она сильно отличается. Из-за ошибок в структуре описание отображается не сразу под заголовком, а только после всех заголовков.

Цитата

Ещё хочется чтобы нельзя было открыть их одновременно, а то каша получается.

Для этого можно изменить код в файле main.js. Найдите код

$(function() {
  $('.spoiler > .title').click(function() {
		$(this).closest('.spoiler').children('.description').toggle('slow');
		return(false);
  });
});

и замените его на

$(function() {
  $('.spoiler > .title').click(function() {
		$('.spoiler').children('.description').slideUp();
		$(this).closest('.spoiler').children('.description').slideToggle('slow');
		return(false);
  });
});


#32 Victorina

Victorina

    Пользователь

  • Пользователи
  • PipPip
  • 16 сообщений

Отправлено 22 Август 2014 - 23:12

помогите и мне решить проМблему..Пожалуйста

При вставке кода в Источнике исчезает </div>после абзаца, который должен всплывать при наведении курсора.
Поэтому текст сразу отображается весь (я так подозреваю, что поэтому)))

Почему исчезает при сохранении этот </div>?
Как можно исправить - страничка вопрос-ответ

#33 Сake

Сake

    Активный участник

  • Модератоpы
  • 5 979 сообщений

Отправлено 23 Август 2014 - 01:12

Пожалуйста, сообщите полный код вашей страницы (код страницы отображаемый через кнопку "Источник"), а так же сообщите ваш действующий номер аккаунта, так как указанный номер аккаунта у вас в профиле - заблокирован.

#34 Victorina

Victorina

    Пользователь

  • Пользователи
  • PipPip
  • 16 сообщений

Отправлено 23 Август 2014 - 10:29

аккаунт SL -303206


Код



<div onclick="$('#faq1').toggleClass('hide')" style="cursor:pointer;"><u><span style="font-size:18px;">Почему продукты и товары в ПВТ не имеют торговую наценку обычных продуктовых магазинов?</span></u></div>
- Не во всех продуктовых магазинах может быть одинаковая цена на один и тот же товар при одном и том же поставщике.<br />
Продуктовые сети магазинов пользуются хорошими скидками и бонусами от своих поставщиков, поэтому могут снижать на ходовые товары цену не вущерб себе, что не может позволить себе мелкий &quot;магазин у дома&quot;. Существует правило красных цен на ходовые продукты питания в сетях супермаркетов.<br />
Приходя в супермаркет за одним пакетом молока по самой низкой цене в городе вы невольно приобретаете к одному пакету дешевого молока не совсем дешевый (например) зеленый горошек. Или еще один популярный психологический ход повышения продаж супермаркетов - большие корзины для покупок, как правило на колесах. 80% покупателей стараются заполнить хотябы дно корзины при походе в супермаркет &quot;только за пакетом молока&quot; )). Психология таких покупателей - &quot;Как-то стыдно с одним пакетом в таком большом магазине, в такой большой корзине&quot;...Замечали ли вы за собой это неудобное чувство при подходе к кассе с одним товаром в руке?<br />
Психология и никакого мошенничества.))<br />
Наценка на товары в обычных коммерческих магазинах позволяет содержать этот обычный коммерческий магазин, поэтому сумма наценки зависит и от количества магазинов, и от аренды, и от налогово и от прочих факторов нелегкой предпринимательской жизни, включая и наличие /отсутствие совести .)) ПВТ &quot;БЕЗ НАЦЕНКИ&quot; не является коммерческим магазином. Именно поэтому здесь нет коммерческих правил и норм, включая и торговую наценку на товары и продукты. Организационно-правовая форма ПВТ - некоммерческое потребительское общество позволяет в рамках законодательства РФ исключить стоимость налогов из цены товаров и продуктов питания.Достигается это многими некоммерческими бухгалтерскими и юридическими нюансами документооборота. Для обычного потребителя получение товаров и продуктов через ПВТ &quot;БЕЗ НАЦЕНКИ&quot; приводит к экономии семейного бюджета порядка 20-50%, взависимости от численности семьи и списка ежедневных покупок. То есть, говоря по-русски, если вы ходите в обычный продуктовый магазин - то тратите свои деньги на 20-50% больше, чем если бы вы получали то же самое через ПВТ &quot;БЕЗ НАЦЕНКИ&quot;, пр чем еще и с бесплатной доставкой на дом. Так как поставщики вашего продуктового магазина являются теми же самыми поставщиками нашей интернет витрины.<br />
Оставить себе лишние около <strong><span style="font-size:14px;">1 000 руб - 2 600 руб </span></strong>от своей зарплаты, не затягивая пояса на своей талии и середины туловища своего супруга (детям затягивать пояса нини-)) - еще никто не отказывался!))

<div onclick="$('#faq1').toggleClass('hide')" style="cursor:pointer;"><u><span style="font-size:18px;">Вы занимаетесь благотворительностью, раздавая продукты без наценки??</span></u></div>
Нет. Некоммерческая организация имеет свою потребительскую выгоду, заключающуюся в дисконтной системе &quot;клубных карт&quot;- Все товары отпускаются только владельцам дисконтных карт ПВТ. Получить карту может каждый желающий гражданин с 16-летнего возраста и любого гражданства согласно законодательству РФ. Деятельность некоммерческого потребительского общества регулируется в частности <a href="http://www.consultan...48609/">Законом РФ от 19.06.1992 N 3085-1 (ред. от 02.07.2013) &quot;О потребительской кооперации (потребительских обществах, их союзах) ..&quot;</a><br />
Стоимость карты (110р для бюджетников и не имеющих постоянного заработка; 160р - для всех остальных граждан) и ежемесячное обслуживание карты (50 р для всех граждан/потребителей ПВТ) - являются не подлежащими налогообложению взносами, на которые ПВТ осуществляет свою деятельность и оплату труда работников ПВТ. Коммерческие магазины осуществляют оплату труда работников исключительно из сумм торговых наценок на товары минус налоги.
<div onclick="$('#faq1').toggleClass('hide')" style="cursor:pointer;"><u><span style="font-size:18px;">Каким образом мне можно получить товары по таким низким ценам ?</span></u></div>

код через Источник

#35 Ирина345

Ирина345

    Активный участник

  • Модераторы
  • 5 709 сообщений

Отправлено 25 Август 2014 - 10:04

Просмотр сообщенияVictorina (23 Август 2014 - 10:29) писал:

аккаунт SL -303206


Код



<div onclick="$('#faq1').toggleClass('hide')" style="cursor:pointer;"><u><span style="font-size:18px;">Почему продукты и товары в ПВТ не имеют торговую наценку обычных продуктовых магазинов?</span></u></div>
- Не во всех продуктовых магазинах может быть одинаковая цена на один и тот же товар при одном и том же поставщике.<br />
Продуктовые сети магазинов пользуются хорошими скидками и бонусами от своих поставщиков, поэтому могут снижать на ходовые товары цену не вущерб себе, что не может позволить себе мелкий &quot;магазин у дома&quot;. Существует правило красных цен на ходовые продукты питания в сетях супермаркетов.<br />
Приходя в супермаркет за одним пакетом молока по самой низкой цене в городе вы невольно приобретаете к одному пакету дешевого молока не совсем дешевый (например) зеленый горошек. Или еще один популярный психологический ход повышения продаж супермаркетов - большие корзины для покупок, как правило на колесах. 80% покупателей стараются заполнить хотябы дно корзины при походе в супермаркет &quot;только за пакетом молока&quot; )). Психология таких покупателей - &quot;Как-то стыдно с одним пакетом в таком большом магазине, в такой большой корзине&quot;...Замечали ли вы за собой это неудобное чувство при подходе к кассе с одним товаром в руке?<br />
Психология и никакого мошенничества.))<br />
Наценка на товары в обычных коммерческих магазинах позволяет содержать этот обычный коммерческий магазин, поэтому сумма наценки зависит и от количества магазинов, и от аренды, и от налогово и от прочих факторов нелегкой предпринимательской жизни, включая и наличие /отсутствие совести .)) ПВТ &quot;БЕЗ НАЦЕНКИ&quot; не является коммерческим магазином. Именно поэтому здесь нет коммерческих правил и норм, включая и торговую наценку на товары и продукты. Организационно-правовая форма ПВТ - некоммерческое потребительское общество позволяет в рамках законодательства РФ исключить стоимость налогов из цены товаров и продуктов питания.Достигается это многими некоммерческими бухгалтерскими и юридическими нюансами документооборота. Для обычного потребителя получение товаров и продуктов через ПВТ &quot;БЕЗ НАЦЕНКИ&quot; приводит к экономии семейного бюджета порядка 20-50%, взависимости от численности семьи и списка ежедневных покупок. То есть, говоря по-русски, если вы ходите в обычный продуктовый магазин - то тратите свои деньги на 20-50% больше, чем если бы вы получали то же самое через ПВТ &quot;БЕЗ НАЦЕНКИ&quot;, пр чем еще и с бесплатной доставкой на дом. Так как поставщики вашего продуктового магазина являются теми же самыми поставщиками нашей интернет витрины.<br />
Оставить себе лишние около <strong><span style="font-size:14px;">1 000 руб - 2 600 руб </span></strong>от своей зарплаты, не затягивая пояса на своей талии и середины туловища своего супруга (детям затягивать пояса нини-)) - еще никто не отказывался!))

<div onclick="$('#faq1').toggleClass('hide')" style="cursor:pointer;"><u><span style="font-size:18px;">Вы занимаетесь благотворительностью, раздавая продукты без наценки??</span></u></div>
Нет. Некоммерческая организация имеет свою потребительскую выгоду, заключающуюся в дисконтной системе &quot;клубных карт&quot;- Все товары отпускаются только владельцам дисконтных карт ПВТ. Получить карту может каждый желающий гражданин с 16-летнего возраста и любого гражданства согласно законодательству РФ. Деятельность некоммерческого потребительского общества регулируется в частности <a href="http://www.consultan...48609/">Законом РФ от 19.06.1992 N 3085-1 (ред. от 02.07.2013) &quot;О потребительской кооперации (потребительских обществах, их союзах) ..&quot;</a><br />
Стоимость карты (110р для бюджетников и не имеющих постоянного заработка; 160р - для всех остальных граждан) и ежемесячное обслуживание карты (50 р для всех граждан/потребителей ПВТ) - являются не подлежащими налогообложению взносами, на которые ПВТ осуществляет свою деятельность и оплату труда работников ПВТ. Коммерческие магазины осуществляют оплату труда работников исключительно из сумм торговых наценок на товары минус налоги.
<div onclick="$('#faq1').toggleClass('hide')" style="cursor:pointer;"><u><span style="font-size:18px;">Каким образом мне можно получить товары по таким низким ценам ?</span></u></div>

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

#36 tega4

tega4

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 599 сообщений
  • ГородМосква

Отправлено 05 Сентябрь 2014 - 20:41

Просмотр сообщенияVaccina (07 Январь 2014 - 04:14) писал:

В качестве html кода используйте код вида

<div class="spoiler">
<div class="title" style="cursor: pointer;"><strong><em>Название X</em></strong></div>
<div class="description" style="display:none;">невидимое описание</div>
</div>
<div class="spoiler">
<div class="title" style="cursor: pointer;"><strong><em>Название Y</em></strong></div>
<div class="description"style="display:none;">невидимое описание</div>
</div>

чтобы данный код начал работать - добавьте так же в файл main.js код

$(function() {
$('.spoiler > .title').click(function() {
$(this).closest('.spoiler').children('.description').toggle('slow');
return(false);
});
});

После того как поставили новый дизайн, перестал работать спойлер, помогите!)
SL-257549

#37 daria_dnk

daria_dnk

    Активный участник

  • Модератоpы
  • 482 сообщений

Отправлено 05 Сентябрь 2014 - 21:10

Просмотр сообщенияtega4 (05 Сентябрь 2014 - 20:41) писал:

После того как поставили новый дизайн, перестал работать спойлер, помогите!)
SL-257549
Здравствуйте! Уточните пожалуйста о каком спойлере идет речь (если есть возможность, пришлите пожалуйста скриншот).

#38 tega4

tega4

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 599 сообщений
  • ГородМосква

Отправлено 05 Сентябрь 2014 - 21:12

Просмотр сообщенияdaria_dnk (05 Сентябрь 2014 - 21:10) писал:

Здравствуйте! Уточните пожалуйста о каком спойлере идет речь (если есть возможность, пришлите пожалуйста скриншот).
спойлеры на странице "помощь" , через верхнее меню

#39 Сake

Сake

    Активный участник

  • Модератоpы
  • 5 979 сообщений

Отправлено 06 Сентябрь 2014 - 00:05

Найдите в файле main.js следующий код

var owl = $("#owl-carusel");
	owl.owlCarousel({
		items: 5, //количество слайдев если окно браузера больше чем 1170px
		itemsCustom: [[1170, 6], [1024, 5], [980, 5], [500, 5], [400, 4]], // назначаем количество изображений для определенного размера окна браузера [ширина браузера, количество картинок]
		itemsScaleUp: true,
		responsiveRefreshRate: 300, // Проверка не изменились ли размеры окна браузера
		navigationText: ["Предыдущая", "Следующая"]
	});

и замените его на

var owl = $("#owl-carusel");
if (owl.length) {
	owl.owlCarousel({
		items: 5, //количество слайдев если окно браузера больше чем 1170px
		itemsCustom: [[1170, 6], [1024, 5], [980, 5], [500, 5], [400, 4]], // назначаем количество изображений для определенного размера окна браузера [ширина браузера, количество картинок]
		itemsScaleUp: true,
		responsiveRefreshRate: 300, // Проверка не изменились ли размеры окна браузера
		navigationText: ["Предыдущая", "Следующая"]
	});
}

далее найдите

// Активация слайлдера с главным изображением
	var sliderOwl = $("#owl-one-slider-tovar");
	sliderOwl.owlCarousel({
		navigation: isOneImg, // Включить навигационные кнопки
		lazyLoad: true, //Аякс загрузка изображений
		singleItem: true,
		navigationText: false // Удаляет текст с кнопок навигации
	});

и замените на

// Активация слайлдера с главным изображением
	var sliderOwl = $("#owl-one-slider-tovar");
  if (sliderOwl.length) {
	sliderOwl.owlCarousel({
		navigation: isOneImg, // Включить навигационные кнопки
		lazyLoad: true, //Аякс загрузка изображений
		singleItem: true,
		navigationText: false // Удаляет текст с кнопок навигации
	});
  }


#40 tega4

tega4

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 599 сообщений
  • ГородМосква

Отправлено 06 Сентябрь 2014 - 10:39

Спасибо конечно, но осталась ошибка

Uncaught SyntaxError: Unexpected token ( на строке: 3935



и не работают спойлеры на странице /page/help




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных