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

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

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

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

Javascript

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

<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

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

<!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, думаю вы сможете разобрать принцип работы, ато уж больно спать хочется

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

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

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

@IamSCORPION SysOp 42 / 41 / 5 Регистрация: 13.04.2009 Сообщений: 274
	20.11.2011, 11:30 [ТС]	5
	Сообщение от Vorona точно, неправильно понял задание вот ссылка на jsfiddle, думаю вы сможете разобрать принцип работы, ато уж больно спать хочется Вот, то, что надо. Спасибо. 0