VPF::jQuery: Показать/скрыть форму - Форум программистов

lumentek

Дата 16.7.2010, 12:06 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 180
Регистрация: 19.11.2009

Репутация: нет
Всего: нет

Всем привет. Ситуация следущая. Есть ссылка по нажатию которой должно ниже появиться все что заключено в <div id="advanced">тут некая форма будет</div> , апо умолчанию все что в этотм диве должно быть скрыто. И если обратно нажать на ссылку, то все чтов этом диве должно прятаться
Очень хотелось бы увидеть простенькое решение на jQuery

EmilRegis

Дата 16.7.2010, 12:40 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 306
Регистрация: 21.9.2007

Репутация: нет
Всего: 4

при чём тут jquery? меняешь стиль у дима с display:none на display:block

в jquery есть toggle();

Код


$("#id").toggle();

lumentek

Дата 16.7.2010, 13:05 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 180
Регистрация: 19.11.2009

Репутация: нет
Всего: нет

>>при чём тут jquery?
при том что нужно на jQuery

lumentek

Дата 16.7.2010, 14:11 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 180
Регистрация: 19.11.2009

Репутация: нет
Всего: нет

Нашел здесь пример
http://jquery-docs.ru/Effects/toggle/

Единственное как кнопку заменить на ссылку?

lumentek

Дата 16.7.2010, 15:33 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 180
Регистрация: 19.11.2009

Репутация: нет
Всего: нет

Все я сам разобрался))) Спасибо))

Теперь такой вопрос

Код


function lookup(inputString) {
                            // скрываем элемент с id = key
        $("#key").toggle();
        if(inputString.length == 0) {
            // Hide the suggestion box.
            $('#suggestions').hide();
        } else {
            $.post("http://ebook/php/autocomplie.php", {queryString: ""+inputString+""}, function(data){

                if(data.length >0) {
                    $('#suggestions').show();
                    $('#autoSuggestionsList').html(data);

                }
            });
        }
    } // lookup

При вызове функции lookup срабатывает $("#key").toggle();
Проблема в том что это функция вызывается при каждом отпускании клавиши и элемент с Id= key то скрывается, то показывается.
Можно ли как-то сообщить toggle чтобыон больше не раскрывал этот элемент или установить счетчик?
Вообщем как можно разрешить проблему?

EmilRegis

Дата 19.7.2010, 09:03 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 306
Регистрация: 21.9.2007

Репутация: нет
Всего: 4

объясни подробнее, что нужно сделать? тебе же вроде надо было при щелчке на ссылке то скрывать элемент, то показывать...
toggle сообщить никак нельзя)) можно например или в функцию передавать параметр или какую-то глобальную переменную создать и проверять

Код


if(a) $("#key").toggle();

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Применение библиотек \| Следующая тема »