1

我目前有一个带有一些动画的点击事件。我得到了我想要动画做的基础知识。这就是我所做的。代码中断后，我将解释我的问题。

$(document).ready(function(){
$('.hidden').hide().removeClass('hidden');

$('.about-prj-tog').click(function(event){      
    $('#logo-wrapper').animate({height:'toggle'}, 1000);
    $('#logo').delay(100).animate({height:'toggle'}, 1000);
    $('#about-prj').animate({height:'toggle'}, 1000);
    return false;
});
$('.weekly-tog').click(function(event){     
    $('#logo-wrapper').animate({height:'toggle'}, 1000);
    $('#logo').delay(100).animate({height:'toggle'}, 1000);
    $('#weekly-updates').animate({height:'toggle'}, 1000);
    return false;
});
$('.submit-story-tog').click(function(event){       
    $('#logo-wrapper').animate({height:'toggle'}, 1000);
    $('#logo').delay(100).animate({height:'toggle'}, 1000);
    $('#submit-drop-down').animate({height:'toggle'}, 1000);
    return false;
});

$('.x-icon').click(function(event){
    $('#logo-wrapper').animate({height:'toggle'} );
    $('#logo').show();
    $('#about-prj').animate({height:'toggle'} );
    $('#weekly-updates').animate({height:'toggle'} );
    $('#submit-drop-down').animate({height:'toggle'} );
});

});

正如您可能已经看到的那样，我遇到的问题是当我单击第一个链接时。动画发生了，看起来很棒。但是，如果我单击下一个链接，则另一个动画会发生在第一个链接下方。- 没有第一个关闭第一个和第二个动画发生等等。

说得通？

还有关于整合代码并使其更高效的任何提示。我确实意识到我写了 3 次相同的东西，只是更改了类和 ID。如果有更好的方法来编写更少的代码，这将有助于我更多地理解 jquery。

此外，当我单击 .x-icon div 时。各种疯狂的事情发生。

4

0 回答 0