jquery - 链接 jquery css 更改

Question

大家好，我正在尝试在菜单列表项上进行滑入滑出。我正在使用过渡为 css 设置提供动画。现在的重点是在应用 css 后我如何使用 jquery 做一些事情。我写了这段代码，但它似乎同时工作。我想要的是 #homeContainer 宽度应该是 0px 然后 #galleryContainer 宽度开始增加。谢谢。

jQuery(document).ready(function($) {
$('#galleryListItem').click(function(){
    $('#homeContainer').css('width','0px');
    $('#galleryContainer').css('width','600px');
});});

Answer 1

您可以使用 setTimeout 函数来设置延迟(我在下面的示例中使用了 500 毫秒):

jQuery(document).ready(function($) {
$('#galleryListItem').click(function(){
    $('#homeContainer').css('width','0px');
    setTimeout(function () { $('#galleryContainer').css('width','600px'); }, 500);
});});