javascript - dblclick が期待どおりに動作しない

Question

IIには、http://jsfiddle.net/ggHwH/にいくつかのコードがあり、 UPボタンが押されるたびにボックスの境界線が1px増加し、DOWNボタンが押されるたびに境界線が1px減少します。ここで、下ボタンのダブルクリックを感知して、すぐに境界線を 0 に減らしたいと思います。私が抱えている問題は、一度に 1 ピクセルずつ境界線をクリックしようとすると、できることです1 秒に 1 回程度の速さで下ボタンをクリックしたとしても、ダブルクリックをトリガーせずにはいられません。ダブルクリックをトリガーするには、約 250 ミリ秒以内に両方のクリックを行う必要があるようです。誰が何が起こっているのか知っていますか？

ありがとう。

   $('#up').click ( function() {
        $('#box').css({'border-top-width' : '+=1px', 'borderRightWidth' :    '+=1px','borderBottomWidth' : '+=1px','borderLeftWidth' : '+=1px'});
    });

$('#down').click ( function() {
    $('#box').css({'border-top-width' : '-=1px', 'borderRightWidth' : '-=1px','borderBottomWidth' : '-=1px','borderLeftWidth' : '-=1px'});
});

$('#down').dblclick ( function() {
    $('#box').css({'border-top-width' : '0px', 'borderRightWidth' : '0px','borderBottomWidth' : '0px','borderLeftWidth' : '0px'});
});