Как запретить функции выполняться более одного раза, когда в этом нет необходимости? ⇐ Html

[Anonymous]

Когда я нажимаю О себе более одного раза, анимация jQuery останавливается, зная, что она не должна запускаться снова.
Но когда я нажимаю Мое портфолио, Интернет, Графика и Другие более одного раза, #box1 div просто продолжает двигаться вниз и вниз. Сначала вы этого не видите, но как только вы снова нажмете О себе, вы увидите, что произойдет.
Как мне предотвратить это?
Вот ссылка JSFiddle
https://jsfiddle.net/yg4717a8/1/
$(document).ready(function () {
var hasSlid = false;
$('a#hide').click(function () {
$('#box1').animate({
'top': '+=155px',
easing: 'easeInOutCubic',
opacity: 0
}, 500,
function () {
$('#box1').hide();
});

$('#container').show();
hasSlid = false;
});
});


Подробнее здесь: https://stackoverflow.com/questions/301 ... -needed-to