Перейти к публикации

Рекомендованные сообщения

Привет всем. Помогите пожалуйста сделать кнопку с выпадением блока. При клике, чтобы плавно опускало вниз и открывался нужный мне блок.

Скрин:

e128df0df0fa.jpg

67b6a7aa1d72.jpg

Ссылка на сообщение
Поделиться на других сайтах

а причем тут верстка то ?!

такие вопросы решаются в Adobe Dreawawer самостоятельно за пару минут ... :D

ну без наличия опыта - за 15 !

Ссылка на сообщение
Поделиться на других сайтах

а причем тут верстка то ?!

такие вопросы решаются в Adobe Dreawawer самостоятельно за пару минут ... :D

ну без наличия опыта - за 15 !

Может расскажешь как ?

Ссылка на сообщение
Поделиться на других сайтах

а там с правой стороны (после того как выберешь желаемый тип создаваемого документа) будет столбик с т.н. тэгами и готовыми формами

выбираешь необходимое, коцаешь нкжный текст - и тут же все видишь в работе : для просмотра нужно выбирать режим "код и дизайн"

получишь готовый модуль - и суй его в куда нужно в шаблонах, хоть в статическу страницу, хоть в иимеющийся вариант, только не рви функции, а то страница разбежится :)

Ссылка на сообщение
Поделиться на других сайтах

Простите, а не проще посмотреть как это реализовано в шаблоне "Default" на примере кнопки "Оставить комментарий".

Ссылка на сообщение
Поделиться на других сайтах

Простите, а не проще посмотреть как это реализовано в шаблоне "Default" на примере кнопки "Оставить комментарий".

Совершенно верно. Еще в файле userinfo.tpl, можно посмотреть, там кнопка "редактировать профиль" так реализована

Ссылка на сообщение
Поделиться на других сайтах

Я бы хотел сам знать как это делается. Есть примеры по реализации ?

там явно задействованы j-query скрипты. Или это реализовано на ccs ? Побольше информации пожалуйста.

Ссылка на сообщение
Поделиться на других сайтах


$('.hidelink').click(function(){

$('.fullform').toggle(500);

});


<div class="hidelink">Задать вопрос</div>

<div class="fullform">Форма</div>


.fullform{display: none;}

в двух словах не объяснить.

http://jsfiddle.net/hJdUp/

Ссылка на сообщение
Поделиться на других сайтах

Только вот проблема в том, что большое пустое пространство занятое блоком остается пустым. а если делать margin ( - ) то блок перекрывает ниже идущий текст.

Ссылка на сообщение
Поделиться на других сайтах

Нашел то что нужно... :rolleyes:

<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>

Изменено пользователем bakabek
Ссылка на сообщение
Поделиться на других сайтах

Присоединяйтесь к обсуждению

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

Гость
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

×
×
  • Создать...