Забыли пароль?
Запросите новый здесь.

Голосование
Что вас интересует на нашем сайте больше всего?

База аддонов
База аддонов
14% [1 Голос]

Форум, поиск ответов
Форум, поиск ответов
14% [1 Голос]

Общение
Общение
43% [3 Голосов]

Новости
Новости
0% [0 Голосов]

Другое
Другое
29% [2 Голосов]

Голосов: 7
Вы должны авторизироваться, чтобы голосовать.
Начат: 16.05.2017 07:06

Архив опросов
Случайная тема
Друзья проекта
Unlogic W0rst Lab
All Fusion :: Плагины, моды, темы оформления для 6 и 7 версий PHP-Fusion
Система Smart для PHP-Fusion
Миничат
Только пользователи могут отправлять сообщения.

Pisatel
Offline
· 13.06.2017 12:07
Vova, не люблю сторонние сервисы)) Тем более, у меня нет больших рассылок, статистика особо не нужна

Vova
Offline
· 13.06.2017 11:33
Pisatel: у меня везде smtp и все работает, чтобы видеть статусы писем есть постмастеры и fbl. Попробуй mailgun.com.

Vova
Offline
· 13.06.2017 11:31
Есть Атомы n2800, 4gb ram ddr3, 2 tb sata по 600руб в месяц без платы за установку. ДЦ Гравлин и Рубе.

Pisatel
Offline
· 13.06.2017 08:20
Надеюсь, понятно объяснил)) Я себе фикс небольшой сделал, теперь норм все. Как варик еще - в настройках мыло не майл

Pisatel
Offline
· 13.06.2017 08:18
Суть в том, что если в настройках сайта мыло майла, то получается, что на майл письмо пришло с майла, а это не так, поэтому и блок

Архив миничата
Сейчас на сайте
» Гостей: 10

Гости:
» [Ваш IP] 06:44:48
/Статьи
» Yahoo [Bot] 06:44:44
/Архив миничата
» 51.255.65.46 06:44:38
/Поиск
» 69.162.124.235 06:44:27
» 46.229.168.66 06:44:16
/Поиск
» 164.132.161.48 06:44:15
/Поиск
» 51.255.71.120 06:44:09
/Поиск
» 46.229.168.65 06:43:57
/Поиск
» 217.182.132.78 06:43:50
/Архив миничата
» 144.76.112.23 06:43:35
/Поиск

» Всего пользователей: 1,295
» Новый пользователь: ket
В базе имеется
аддонов: 951
тем: 137
Иерархия статей
Список ссылок с выпадающим текстом
Итак, посмотрим пример реализации неограниченного списка ссылок, при нажатии на которые выпадает текст.

Создаем страницу следующего вида:
-----------------------------------------------------------------------------------
< !DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd' >
< html xmlns='http://www.w3.org/1999/xhtml' xml:lang='ru' lang='ru' >
< head >
< title >Выпадающий текст при нажатии на ссылки< /title >
< script type='text/javascript' src='http://yandex.st/jquery/1.4.4/jquery.min.js' >< /script >
< script type='text/javascript' >
$(document).ready(function() {
$('#cat p').hide();
$('#cat h4').click(function(){
$(this).next('p').slideToggle('slow');
});
});
< /script >
< /head >
< body >
< div id='cat' >
< h4 >< a href='#' >Продукты питания< /a >< /h4 >
< p >
< a href='#' >Печенье< /a >< br / >
< a href='#' >Суши< /a >< br />
< a href='#' >Хлебные изделия< /a >< br / >
< /p >

< h4 >< a href='#' >Безалкогольные напитки< /a >< /h4 >
< p >
< a href='#' >Вода< /a >< br / >
< a href='#' >Газировка< /a >< br / >
< a href='#' >Минеральные воды< /a >< br / >
< a href='#' >Сок< /a >< br / >
< /p >

< h4 >< a href='#' >Алкогольные напитки< /a >< /h4 >
< p >
< a href='#' >Вино< /a >< br / >
< a href='#' >Водка< /a >< br / >
< a href='#' >Ликер< /a >< br / >
< a href='#' >Шампанское< /a >< br / >
< /p >
< /div >
< /body >
< /html >

----------------------------------------------------------------------------------
Несколько слов по коду.

На 5 строке мы подключаемся к библиотеке jQuery. C 7 по 12 строки идет jQuery код, который сначала скрывает (hide()) все параграфы (

) в элементе с id='cat', а затем, при клике на ссылку в тэге H4, ищет следующий непосредственно за ним параграф (next('p')) и делает его видимым (slideToggle('slow')).

Добавив в jQuery-код немного магии, мы сможем добиться такого эффекта, что, при нажатии на ссылку с выпадающим текстом, другой выпадавший ранее текст свернется. Таким образом нам будет показан только один выпадший текст. Это достигается путем добавления пары манипуляций в 10 строке:
----------------------------------------------------------------------------------
$(this).next('p').slideToggle('slow').siblings('p:visible').slideUp('slow');
----------------------------------------------------------------------------------

ДЕМО

Автор статьи: Сафронов Максим

PS: незабываем удалять лишние пробелы в тегах


Поделиться этой статьей
Социальные закладки: Vkontakte Odnoklassniki Mail.ru Facebook Google Tweet This
URL:
BBcode:
HTML:

Нет комментариев.
Добавить комментарий
Пожалуйста, залогиньтесь для добавления комментария.
Рейтинги
Нет данных для оценки.

Рейтинг доступен только для пользователей.

Пожалуйста, авторизуйтесьили зарегистрируйтесь для голосования.