Создать ответ 
Еще один пример спойлера с плавным открытием и закрытием на jquery
Автор Сообщение
Sergey1917 Не на форуме
Старшина
*

Сообщений: 51
У нас с: Apr 2013
Сообщение: #61
RE: Еще один пример спойлера с плавным открытием и закрытием на jquery
Сейчас попробую.

Это исходник контента отображаемого как HTML, спойлер корректно не работает
<div class="spoiler closed">
<div class="title"><span class="open_close">Закрыть</span><br />
<h3 class="title_h3">ЗАГОЛОВОК СПОЙЛЕРА №3</h3>
</div>
<div class="contents">Содержимое внутри спойлера №3</div>
</div>

Это исходник контента отображаемого как PHP, спойлер корректно работает
<div class="spoiler closed">
<div class="title"><span class="open_close">Закрыть</span><h3 class="title_h3">ЗАГОЛОВОК СПОЙЛЕРА №3</h3></div>
<div class="contents">Содержимое внутри спойлера №3</div>
</div>
(Последний раз сообщение было отредактировано 02.05.2013 в 23:35:26, отредактировал пользователь Sergey1917.)
02.05.2013 23:25:20
Найти все сообщения Цитировать это сообщение
Admin Не на форуме
Верховный
Главнокомандующий
(Administrator)
*

Сообщений: 2,431
У нас с: Aug 2011
Сообщение: #62
RE: Еще один пример спойлера с плавным открытием и закрытием на jquery
Я имел ввиду весь код страничек. Удобно это сделать при помощи WORD-а (рецензирование --> сравнить).

Но уже видно что лишний тег <br /> вылез.
02.05.2013 23:50:50
Найти все сообщения Цитировать это сообщение
Sergey1917 Не на форуме
Старшина
*

Сообщений: 51
У нас с: Apr 2013
Сообщение: #63
RE: Еще один пример спойлера с плавным открытием и закрытием на jquery
Не пойму, что это даст. Код скрипта идентичен в обоих вариантах. А в коде вставки спойлера (в разметке HTML) вылез тег <br />. И как это поможет решить проблему.
А нельзя код <span class="open_close">Закрыть</span> из зоны HTML перенести в код скрипта? Мне кажется это будет правильней. Он здесь мешается, в разметке HTML.
(Последний раз сообщение было отредактировано 03.05.2013 в 02:16:07, отредактировал пользователь Sergey1917.)
03.05.2013 00:37:27
Найти все сообщения Цитировать это сообщение
Admin Не на форуме
Верховный
Главнокомандующий
(Administrator)
*

Сообщений: 2,431
У нас с: Aug 2011
Сообщение: #64
RE: Еще один пример спойлера с плавным открытием и закрытием на jquery
Так это сравнение и покажет в чем разница (возможно, подключается еще какой-то скрипт или CSS, может лишние спецсимволы какие-то вылазят).

Так <span class="open_close">Закрыть</span> и есть HTML и перенести его не получится, т.к. мы нарушим вложенность в <div> и тогда точно работать не будет.

А не пробовали в IE запускать, а то там сразу пишет в какой строчке ошибка.
03.05.2013 10:37:47
Найти все сообщения Цитировать это сообщение
Sergey1917 Не на форуме
Старшина
*

Сообщений: 51
У нас с: Apr 2013
Сообщение: #65
RE: Еще один пример спойлера с плавным открытием и закрытием на jquery
Пришлите свой email, сброшу файлы просмотра исходников в Опере и в IE. Может вы сами быстрей разберетесь, где что лишнее? А то здесь же на форуме нельзя прикреплять файлы.
03.05.2013 11:11:28
Найти все сообщения Цитировать это сообщение
Admin Не на форуме
Верховный
Главнокомандующий
(Administrator)
*

Сообщений: 2,431
У нас с: Aug 2011
Сообщение: #66
RE: Еще один пример спойлера с плавным открытием и закрытием на jquery
Как это нельзя прикреплять файлы. Scratch
Над кнопкой "Создать ответ" есть поле "Новые прикрепления:". Выбираете там файл и жмете "Добавить прикрепление".
Вроде всем разрешал и ограничения на размер в зависимости от типа от 200 кб до 1 мб стоят. Что пишет? Пробовали с другим разрешением добавить?
03.05.2013 12:26:18
Найти все сообщения Цитировать это сообщение
Sergey1917 Не на форуме
Старшина
*

Сообщений: 51
У нас с: Apr 2013
Сообщение: #67
RE: Еще один пример спойлера с плавным открытием и закрытием на jquery
Извиняюсь, обычно выбирал быстрый ответ, а там этого нет.
Так как проблема решилась, прикрепленные файлы удалил.
(Последний раз сообщение было отредактировано 03.05.2013 в 17:35:48, отредактировал пользователь Sergey1917.)
03.05.2013 13:25:37
Найти все сообщения Цитировать это сообщение
Admin Не на форуме
Верховный
Главнокомандующий
(Administrator)
*

Сообщений: 2,431
У нас с: Aug 2011
Сообщение: #68
RE: Еще один пример спойлера с плавным открытием и закрытием на jquery
В примере что Вы дали в третьем спойлере появился тег <p>. Он все и портит.
Если Вы его не сами добавили, то это похоже делает движок при добавлении HTML кода (может <span> автоматом внутрь <p> помещает). Вариантов море.

Попробуйте <span class="open_close">Закрыть</span> заменить на <p class="open_close">Закрыть</p> и посмотреть добавит ли движок какой-нибудь тег.
03.05.2013 14:40:15
Найти все сообщения Цитировать это сообщение
Sergey1917 Не на форуме
Старшина
*

Сообщений: 51
У нас с: Apr 2013
Сообщение: #69
RE: Еще один пример спойлера с плавным открытием и закрытием на jquery
(03.05.2013 14:40:15)Admin писал(а):  Попробуйте <span class="open_close">Закрыть</span> заменить на <p class="open_close">Закрыть</p> и посмотреть добавит ли движок какой-нибудь тег.
Заменил, как Вы предложили. Спойлер нормально заработал. Только надпись открыть/закрыть съехала вниз.
03.05.2013 14:57:21
Найти все сообщения Цитировать это сообщение
Admin Не на форуме
Верховный
Главнокомандующий
(Administrator)
*

Сообщений: 2,431
У нас с: Aug 2011
Сообщение: #70
RE: Еще один пример спойлера с плавным открытием и закрытием на jquery
Поправляется очень легко. В CSS для стиля .open_close меняем top: 1px; на top: -5px;
03.05.2013 15:27:34
Найти все сообщения Цитировать это сообщение
Создать ответ 


Переход:


Пользователи просматривают эту тему: 1 Гость(ей)


LiveInternet
© Copyright 2011-2024 by UsefulScript.ru