```
$navNext.click(function(event, $diff) {
        if(!$diff) {
            var $lastLi = $nav.find('li:last');
            var $lastLiRight = $lastLi.offset().left + $lastLi.outerWidth();
            if ($arrowsNavRight < $lastLiRight)
                $diff = Math.min($lastLiRight - $arrowsNavRight, 50);
        }

        if($diff) {
            $navPrev.show('fade');
            $nav.animate({
                left: '-='+$diff
                }, function(){
                showNavs();
            });
        }
});

```

This is click-handler of one `li` element. This calculation is to navigate a `ul` list of scrollable tabs.
User can click several time on this `li` to reach desired position. but when there is no scope to scroll further I disable this `li`.

Problem is: if user click on this `li` elements too fast then all this click events will be
performed before hiding `li` (calling showNavs function). which can lead to extra scroll of `ul`.

I want to control subsequent click event on this `li`.
means, if one click is in progress then delay the next click. is there any way to do it?

Thanks