Blinking problem 1

by shlomo hassid

HTML

<table>
    <tr id="row35" data-uitval="1" class="">
        <td>
            <button type="button" id="knopje" class="tabeluur" data-uur="35" onclick="check(this)">
                <p>✕</p>
            </button>
        </td>
        <td>
        </td>
    </tr>
</table>
<!-- For testing: -->
<div id='foutmelding'></div>

JavaScript

var fadingFunc;
var busy = false;

function check(uurID) {
    if(busy)
        $('#foutmelding').html('Uw vorige bewerking loopt nog.');
    else
        uitval(uurID);
}
fadeBlink = function(ele){
    if ($(ele).find('p').eq(0).css("opacity") === '1')
        $(ele).find('p').stop(true).animate({ opacity:0 },200);
    else
        $(ele).find('p').stop(true).animate({ opacity:1 },200);
}
function uitval(uurID) {
    fadingFunc = setInterval(function(){ fadeBlink(uurID) }, 800);
    busy = true;
    $.post(
        'http://fiddle.jshell.net/_display/', 
        { test:'test' }, 
        function() {
            console.log('done POST');
            setTimeout(function(){   
               clearInterval(fadingFunc);
               busy = false;
            },6000);
        }
    );
}