Закончил ли свою работу animate, toggle

@IamSCORPION · Регистрация: 13.04.2009

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

Вот к примеру есть код спойлера:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
var Spoiler = {
    showClass: 'plus', 
    hideClass: 'minus', 
    toggle: function(el) {
        var spoiler_body = jQuery(el).next();
        if(jQuery(spoiler_body).css('display') == 'none') {
            jQuery(el).removeClass(Spoiler.showClass).addClass(Spoiler.hideClass);
        }
        jQuery(spoiler_body).toggle('blind', 1000, function() {
            if(jQuery(spoiler_body).css('display') == 'none') {
                jQuery(el).removeClass(Spoiler.hideClass).addClass(Spoiler.showClass);
            }
        });
    }
};

HTML5
1
2
3
4
<div class="spoiler">
    <div class="spoiler_head plus" onclick="Spoiler.toggle(this);">Спойлер</div>
    <div class="spoiler_body">текст под спойлером</div>
</div>

Поскольку .toggle() выполняется в течение времени 1000, то если несколько раз подряд выполнить Spoiler.toggle(this) - он перестает работать(((

Как сделать так, чтобы в методе Spoiler.toggle прежде чем выполнять .toggle, узнать завершилось ли предыдущее действие .toggle и если оно не завершилось - удалить это действие?

Добавлено через 4 часа 3 минуты
Пока вот только так

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
var Spoiler = {
        showClass: 'plus', 
        hideClass: 'minus', 
        toggle: function(el) {
                jQuery(el).removeAttr('onclick');
                var spoiler_body = jQuery(el).next();
                if(jQuery(spoiler_body).css('display') == 'none') {
                        jQuery(el).removeClass(Spoiler.showClass).addClass(Spoiler.hideClass);
                }
                jQuery(spoiler_body).toggle('blind', 1000, function() {
                        if(jQuery(spoiler_body).css('display') == 'none') {
                                jQuery(el).removeClass(Spoiler.hideClass).addClass(Spoiler.showClass);
                        }
                        jQuery(el)[0].setAttribute('onclick', 'Spoiler.toggle(this)');
                });
        }
};

в самом начеле действия .toggle() удалаем атрибут onClick

JavaScript
1
jQuery(el).removeAttr('onclick');

а в конце по окончанию действия .toggle() добавляем атрибут onClick

JavaScript
1
jQuery(el)[0].setAttribute('onclick', 'Spoiler.toggle(this)');

а по другому никак?

@Vorona · 17.11.2011, 00:11

сделать проверку: если аттрибут onclick установлен, значит выполняем некое действие

@IamSCORPION · 19.11.2011, 22:54 **[ТС]**

Сообщение от Vorona

сделать проверку: если аттрибут onclick установлен, значит выполняем некое действие

да нет же... наверное я неправильно объяснил(

Вот другая ситуация:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html>
<html lang="ua">
    <head>
        <meta charset="utf-8" />
        <title>Test</title>
        <script type="text/javascript" src="/Js/Jquery.js"></script>
        <script type="text/javascript">
        function changeColor(el) {
            $(el).animate({"color": "red"}, 5000, function() {
                $(el).animate({"color": "black"}, 5000);
            });
        }
        </script>
    </head>
    <body>
        <div style="color: black;" onClick="changeColor(this)">
            RED
        </div>
    </body>
</html>

при клике по div:
- цвет начинает меняться на красный и этот процесс длится 5 секунд
- после, цвет начинает меняться на черный и этот процесс длится 5 секунд

так вот, каким образом можна сделать так, чтобы при каждом клике этот процесс начинался сначала, а не добавлялся в очередь, ведь, у нас процесс полностью длится 10 секунд, а мы например кликаем каждые 5 секунд???

@Vorona · 20.11.2011, 04:19

точно, неправильно понял задание
вот ссылка на jsfiddle, думаю вы сможете разобрать принцип работы, ато уж больно спать хочется

@IamSCORPION · 20.11.2011, 11:30 **[ТС]**

Сообщение от Vorona

точно, неправильно понял задание
вот ссылка на jsfiddle, думаю вы сможете разобрать принцип работы, ато уж больно спать хочется

Вот, то, что надо. Спасибо.

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий 8Observer8 02.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11680&d=1772460536 Одним из. . .	Реалии Hrethgir 01.03.2026 Нет, я не закончил до сих пор симулятор. Эта задача сложнее. Не получилось уйти в плавсостав, но оно и к лучшему, возможно. Точнее получалось - но сварщиком в палубную команду, а это значит, в моём. . .	Ритм жизни kumehtar 27.02.2026 Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .	SDL3 для Web (WebAssembly): Сборка библиотек: SDL3, Box2D, FreeType, SDL3_ttf, SDL3_mixer и SDL3_image из исходников с помощью CMake и Emscripten 8Observer8 27.02.2026 Недавно вышла версия 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual Studio. . . .
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .	Конвертировать закладки radiotray-ng в m3u-плейлист damix 19.02.2026 Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .	Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI Eddy_Em 18.02.2026 Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .

@Vorona Peace 2 all shining faces 674 / 535 / 85 Регистрация: 05.03.2010 Сообщений: 1,282
	17.11.2011, 00:11
	сделать проверку: если аттрибут onclick установлен, значит выполняем некое действие 0

@Vorona Peace 2 all shining faces 674 / 535 / 85 Регистрация: 05.03.2010 Сообщений: 1,282
	20.11.2011, 04:19
	точно, неправильно понял задание вот ссылка на jsfiddle, думаю вы сможете разобрать принцип работы, ато уж больно спать хочется 2