Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) jQuery Создание/Удаление блока на jquery

Создание/Удаление блока на jquery


     15.09.2013    jQuery    1743

вопрос
Здравствуйте!
Подскажите пожалуйста как реализовать создание блока при нажатии кнопки, а при повторном удаление.

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

$(function () {
    $("#login").click(function () {
        $(".blocks").prepend("<div class=\"\">Панель авторизации</div>");
    });
});

Блок создается слишком быстро.

вот 2-й вариант

$(function () {
    $("#login").click(function () {
        $(".blocks").prepend("<div class=\"\">Панель авторизации</div>");
        $(".loginpanel").animate({opacity: 1}, 300);
    });
});

блок создается и спустя секунду только начинает появляться.

Подскажите пожалуйста как словить 2-й клик для удаления блока и сделать плавное появление/удаление блока.
Пожалуйста с примерами)

Ответил: TheImDim


Комментарии пользователей (4)

kronon
1

57 | 52

kronon - 18 сентября 2013 20:13 - Юзер

мне кто то поможет ?

Exile
17

235 | 68

Exile - 18 сентября 2013 20:45 - Гости

Зачем придумывать велосипеды?
Скрипт / Демо

kronon
1

57 | 52

kronon - 18 сентября 2013 21:03 - Юзер

Exile,
мне не модальное окно надо

Exile
17

235 | 68

Exile - 18 сентября 2013 21:32 - Гости

А зачем вообще создавать блок? Его можно скрыть по умолчанию, и открывать при клике по какой-нибудь ссылке.
Вот пример кода:
<!doctype html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <style>
    .nonedisplay{
        display:none;
    }
    </style>
</head>
<body>
    <a href="#" onclick="$('.hidden_login').toggleClass('nonedisplay')">Панель авторизации</a>
    <div class="hidden_login nonedisplay">Код панели авторизации</div>
</body>
</html>

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы