X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Плавный показ/скрытие блока
enssons
enssons
Topic Starter сообщение 13.4.2014, 0:29; Ответить: enssons
Сообщение #1


Привет всем!

Перейду сразу к делу. Имеется блок, который необходимо показать по нажатию на ссылку "Показать", и скрыть по нажатию на другую ссылку "Скрыть".

В принципе это у меня реализовано довольно просто, событием onClick на ссылке, путем смены свойства display none на block.

Собственно сам код.
<a class="info" onClick="document.getElementById('block1').style.display = 'block'">Показать блок</a>

<div id="block1" class="project_info" style="display: none;">
<p>Тут скрытый текст...</p>
<a class="close" onClick="document.getElementById('block1').style.display = 'none'">Скрыть блок</a>
</div>


Вообще блоков таких несколько, в коде меняется лишь id. Задача какая? Хотелось бы сделать открытие и скрытие блока плавным. Да, есть в jq аккордеон, но мне не нужно куча лишнего кода, подключение дополнительных библиотек и и т.п.. В js не силён, по-этому прошу помощи. Вроде как есть функция animate с параметром show и hide. Можно ли как то это всё организовать, и лучше бы вынести js код в отдельный файл и написать что-то типа функции?
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Den1xxx
Den1xxx
сообщение 13.4.2014, 1:00; Ответить: Den1xxx
Сообщение #2


(enssons @ 13.4.2014, 03:29) *
Вроде как есть функция animate с параметром show и hide.

Это jQuery. На чистом яваскрипте проблематично будет.
Но можно ещё с прозрачностью играться.
http://www.tigir.com/opacity.htm
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
alekslv
alekslv
сообщение 13.4.2014, 1:13; Ответить: alekslv
Сообщение #3


.slideUp() .slideDown() красиво работают с jquery...

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыAdvertur - оплата не только за клики, но и за показ рекламы
13 Sosnovskij 4948 10.1.2022, 22:07
автор: Scotty
Открытая тема (нет новых ответов) Отображение нужного блока при клике.
0 bhtml 1679 10.7.2020, 15:18
автор: -bhtml-
Открытая тема (нет новых ответов) SSP OTM – Выкуп баннеров и видео с оплатой за показ
Работаем напрямую с площадками по CPM
0 SSP_OTM 2167 1.2.2019, 20:23
автор: SSP_OTM
Открытая тема (нет новых ответов) Показ чего-либо при первом входе
1 delegree 5855 26.12.2014, 14:39
автор: -Arks-
Открытая тема (нет новых ответов) Как средствами CSS сделать высоту блока больше или равной высоте контейнера?
4 S0meT1me 6402 30.7.2014, 9:36
автор: -Den1xxx-


 



RSS Текстовая версия Сейчас: 26.4.2024, 6:59
Дизайн