bakabek 4 Опубликовано: 6 апреля 2013 Рассказать Опубликовано: 6 апреля 2013 Привет всем. Помогите пожалуйста сделать кнопку с выпадением блока. При клике, чтобы плавно опускало вниз и открывался нужный мне блок. Скрин: Цитата Ссылка на сообщение Поделиться на других сайтах
Klemanso 15 Опубликовано: 6 апреля 2013 Рассказать Опубликовано: 6 апреля 2013 а причем тут верстка то ?! такие вопросы решаются в Adobe Dreawawer самостоятельно за пару минут ... ну без наличия опыта - за 15 ! Цитата Ссылка на сообщение Поделиться на других сайтах
bakabek 4 Опубликовано: 6 апреля 2013 Рассказать Опубликовано: 6 апреля 2013 Автор а причем тут верстка то ?! такие вопросы решаются в Adobe Dreawawer самостоятельно за пару минут ... ну без наличия опыта - за 15 ! Может расскажешь как ? Цитата Ссылка на сообщение Поделиться на других сайтах
Klemanso 15 Опубликовано: 7 апреля 2013 Рассказать Опубликовано: 7 апреля 2013 а там с правой стороны (после того как выберешь желаемый тип создаваемого документа) будет столбик с т.н. тэгами и готовыми формами выбираешь необходимое, коцаешь нкжный текст - и тут же все видишь в работе : для просмотра нужно выбирать режим "код и дизайн" получишь готовый модуль - и суй его в куда нужно в шаблонах, хоть в статическу страницу, хоть в иимеющийся вариант, только не рви функции, а то страница разбежится Цитата Ссылка на сообщение Поделиться на других сайтах
master27 38 Опубликовано: 7 апреля 2013 Рассказать Опубликовано: 7 апреля 2013 Простите, а не проще посмотреть как это реализовано в шаблоне "Default" на примере кнопки "Оставить комментарий". Цитата Ссылка на сообщение Поделиться на других сайтах
alex32 942 Опубликовано: 7 апреля 2013 Рассказать Опубликовано: 7 апреля 2013 Простите, а не проще посмотреть как это реализовано в шаблоне "Default" на примере кнопки "Оставить комментарий". Совершенно верно. Еще в файле userinfo.tpl, можно посмотреть, там кнопка "редактировать профиль" так реализована Цитата Ссылка на сообщение Поделиться на других сайтах
bakabek 4 Опубликовано: 7 апреля 2013 Рассказать Опубликовано: 7 апреля 2013 Автор Я бы хотел сам знать как это делается. Есть примеры по реализации ?там явно задействованы j-query скрипты. Или это реализовано на ccs ? Побольше информации пожалуйста. Цитата Ссылка на сообщение Поделиться на других сайтах
Lomot 134 Опубликовано: 7 апреля 2013 Рассказать Опубликовано: 7 апреля 2013 $('.hidelink').click(function(){ $('.fullform').toggle(500); }); <div class="hidelink">Задать вопрос</div> <div class="fullform">Форма</div> .fullform{display: none;} в двух словах не объяснить.http://jsfiddle.net/hJdUp/ 1 Цитата Ссылка на сообщение Поделиться на других сайтах
bakabek 4 Опубликовано: 7 апреля 2013 Рассказать Опубликовано: 7 апреля 2013 (изменено) Автор все получилось, спасибо! Изменено 7 апреля 2013 пользователем bakabek Цитата Ссылка на сообщение Поделиться на других сайтах
bakabek 4 Опубликовано: 8 апреля 2013 Рассказать Опубликовано: 8 апреля 2013 Автор Только вот проблема в том, что большое пустое пространство занятое блоком остается пустым. а если делать margin ( - ) то блок перекрывает ниже идущий текст. Цитата Ссылка на сообщение Поделиться на других сайтах
bakabek 4 Опубликовано: 9 апреля 2013 Рассказать Опубликовано: 9 апреля 2013 Автор вот нашел полезный материал http://www.randomsnippets.com/2008/02/12/how-to-hide-and-show-your-div/ Цитата Ссылка на сообщение Поделиться на других сайтах
bakabek 4 Опубликовано: 9 апреля 2013 Рассказать Опубликовано: 9 апреля 2013 (изменено) Автор Нашел то что нужно... <a id="open-close" href="#">Кнопка</a> <div id="block-links">Ваш контент</div> <script type="text/javascript"> $(document).ready(function() { $('#open-close').show(); $('#block-links').hide(); $('#open-close').click(function(event) { event.preventDefault(); // Для того чтобы при нажатии на ссылку не кидало вверх $('#block-links').slideToggle(); }); }); </script> Изменено 9 апреля 2013 пользователем bakabek 1 Цитата Ссылка на сообщение Поделиться на других сайтах
Klemanso 15 Опубликовано: 10 апреля 2013 Рассказать Опубликовано: 10 апреля 2013 "кто не ищет - тот не находит!" спасибо за наводку! Цитата Ссылка на сообщение Поделиться на других сайтах
Рекомендованные сообщения
Присоединяйтесь к обсуждению
Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.