Подгрузить форму в div

webphp · Регистрация: 05.08.2013

Студворк — интернет-сервис помощи студентам

Может кто подскажет, я в js очень плохо разбираюсь.
На странице есть кнопка и блок

HTML5
1
2
<div id="addform">кнопка</div>
<div id="form"></div>

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
function addform()
{
    $('#addform').click(_addform);
}
function _addform()
{
    var $me = $(this);
    var id = $me.attr('id');
    var rel = $me.attr('rel');
 
    $.ajax({
            type:'POST',
            url:BASE_URL+'ajax/addform/',
            data:{'rel':rel},
            timeout: 3000,
            success:function (data) {
                $('#form').toggle(700);
                $('#form').html(data);
            }
        });
}

Форма подгружается, при клике открывается и сразу же скрывается. Нужно подгрузить форму и плавно ее раскрыть, а при повторном клике на кнопку скрыть.

@Сергей 83 · 10.09.2013, 16:39

1. див имеет style="display:none;".
2. нужно сначала форму в див поместить, затем делать диву toggle().

webphp · 10.09.2013, 16:55 **[ТС]**

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

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image 8Observer8 10.02.2026 Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .	Установка Qt-версии Lazarus IDE в Debian Trixie Xfce volvo 10.02.2026 В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .
SDL3 для Web (WebAssembly): Работа со звуком через SDL3_mixer 8Observer8 08.02.2026 Содержание блога Пошагово создадим проект для загрузки звукового файла и воспроизведения звука с помощью библиотеки SDL3_mixer. Звук будет воспроизводиться по клику мышки по холсту на Desktop и по. . .	SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств 8Observer8 07.02.2026 Содержание блога Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .	SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .

@Сергей 83 98 / 96 / 15 Регистрация: 28.03.2011 Сообщений: 565
	10.09.2013, 16:39
	1. див имеет style="display:none;". 2. нужно сначала форму в див поместить, затем делать диву toggle(). 1

webphp 55 / 53 / 18 Регистрация: 05.08.2013 Сообщений: 327
	10.09.2013, 16:55 [ТС]
	ага, все получилось, спасибо 0