вопрос по верстке

[bakabek 4]

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

Скрин:

[Klemanso 15]

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

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

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

[bakabek 4]

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

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

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

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

[Klemanso 15]

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

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

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

[master27 38]

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

[alex32 942]

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

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

[bakabek 4]

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

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

[Lomot 134]

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

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

});

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

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

.fullform{display: none;}

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

http://jsfiddle.net/hJdUp/

[bakabek 4]

все получилось, спасибо!

Изменено 7 апреля 2013 пользователем bakabek

[bakabek 4]

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

[bakabek 4]

вот нашел полезный материал

http://www.randomsnippets.com/2008/02/12/how-to-hide-and-show-your-div/

[bakabek 4]

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

<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

[Klemanso 15]

"кто не ищет - тот не находит!"

спасибо за наводку!