Jquery：如何结合 addCLass() after() 和 slideDown()

Question

我正在尝试将一个类添加到现有的 div 容器中，并在现有的 div 下方插入一个新的 div（成功时）。

<script>
$(document).ready(function(){
  $(".entry").click(function(){
     $('#content').addClass("col2",1000).after('<div class="box col2">test</div>', function(){
        $(this).slideDown();
     });
  });
});
<script>

不幸的是，这段代码不能正常工作。slideDown 函数不起作用，即使前一个函数尚未完成，新的 div 也已经出现。

如果有人可以帮助我就好了。

Answer 1

你的结束标签应该是</script>

另外，你想要的效果可能是这样的：

$(".entry").click(function() {
    $('#content').addClass("col2").after('<div class="box col2">test</div>');
    $('.box:last').hide().show(300);
});

在这里摆弄

编辑：根据您的评论，我猜您可能想要这个：

$(".entry").click(function() {
    $('#content').addClass("col2");
    setTimeout(function() {
        $('#content').after('<div class="box col2">test</div>');
        $('.box:last').hide().show(300);
    }, 500);
});

在这里摆弄