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

kronon 15.09.2013 Все вопросы » jQuery 3225

вопрос

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

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


$(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 - 2015-04-1518 сентября 2013 20:13 - #16748

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

Гости

235

Exile - 2015-04-1518 сентября 2013 20:45 - #16749

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

Юзер

kronon - 2015-04-1518 сентября 2013 21:03 - #16750

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

Гости

235

Exile - 2015-04-1518 сентября 2013 21:32 - #16751

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

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

TeraMoune | Как отключить миниатюры стандартной гале ...
TeraMoune
Как отключить миниатюры стандартной галереи Fancybox?
Сегодня, 06:00
В файле engine/classes/fancybox/fancybox.js искать нужную инициализацию и добавлять соответствующие параметры, весь список параметров и их описание можно найти на этой странице https://fancyapps.com/fancybox/api/options/

Например: параметр Thumbs: false отключает миниатюры.
```
Fancybox.bind("[data-highslide]", {
	groupAttr: 'data-highslide',
	idle:2000,
	Thumbs: false,
	caption: (fancybox, slide) => {
		if(  slide.thumbEl && slide.thumbEl.alt ) {
			return slide.thumbEl.alt
		}
	}
});
```
derebas | Как реализовать шифрование трафика? ³

derebas
Как реализовать шифрование трафика?
18-11-2024, 16:52

Ну в теории, можно использовать src на site.com разместить прокси на site2.com а выдавать видео с site3.com, при этом прямой доступ на site3.com закрыть, отдача будет только если запрос с site2.com, таким образом палится только site2.com, НО источник потокового видео, все равно можно увидеть если захотеть, а ссылки, ну купить домен dsac-43efew-csdds.uz как пример
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:46

я уже делал. Пользователь 1000 (это я так понимаю root) и chmod 777
Так и было...
lutskboy | Перенёс сайт - не работают кнопки, не от ... ⁸

lutskboy
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:39

чтоб не удалять выстави права и пользователя какие там идут на файлы. .
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:37

т.е. мне снести всё, что я уже загрузил как root, зайти под юзером и закачать снова?
Видосы в директории upload можно хоть оставить? их там 80 Гб
lutskboy | Перенёс сайт - не работают кнопки, не от ... ⁸

lutskboy
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:17

фтп обычный юзер а не root
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:15

дэк только так и загружаю
Gordi | Как реализовать шифрование трафика? ³

Gordi
Как реализовать шифрование трафика?
18-11-2024, 14:14

я тоже не понимаю....товарищ один, представитель хостинга сказал, что даже есть модули такие специальные под популярные цмс
lutskboy | Перенёс сайт - не работают кнопки, не от ... ⁸

lutskboy
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:13

Gordi,
через фтп загружай
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:11

Привет Николай!
Всегда загружал от root... посмотришь может? твой плагин тоже не виден ((
или направь на путь истинный, пжст