jruery動畫在drupal菜單中跳動

Question

我正在做一個drupal站點。我必須製作一個幻燈片菜單（從右側滑入），並使用jquery動畫功能來滿足我的要求。問題在於滑動效果似乎在光標位於其上時發生。否則完美地工作。任何人都可以親切地指導我發生什麼事情？我錯在哪裏？這裏的代碼和視頻的鏈接，你可以看到發生了什麼。

$('#block-menu-block-1').hide(); 
$('.menu a#drop-link').bind('click', function(){ 
    $('#block-menu-block-1').animate({ right: '170px', width: 'toggle' }); 
}); 
$('#close-btn').bind('click', function(){ 
    $('#block-menu-block-1').animate({ right: '170px', width: 'toggle' }); 
}); 

視頻：https://www.youtube.com/watch?v=oPCoIttAJQU

Answer 1

這裏是一個修復它。實施此修復程序。

$('.menu a#drop-link').attr('click', function(){ 
    $('#block-menu-block-1').animate({ right: '170px', width: 'toggle' }); 
});