jQuery fadeIn未运行和内联故障

我似乎无法让我的fadeIn工作，而且我的动画被另一个按钮弄乱了。我正在淡出一个div，应用一些css，然后尝试淡入。但是，它只是立即出现，并且fadeIn功能没有运行

其次，正如你将看到的，我的一个按钮被从桌子上推开了，我不知道为什么

---

告诉我这对你有用吗

这应该行得通，但按你的方式做确实很麻烦，我建议你改变方法。此外，如果您可以描述动画之后元素的位置，这将非常有用

试试这个：

---

这里还有反向动画。单击“全部”按钮一次可获得正常动画，然后再次单击该按钮可获得反向动画。如果过度使用jquery动画功能，那么使用jquery动画会产生很多问题。这是因为CSS属性中的更改会直接写入html中该元素的样式属性中，这将与其他CSS选择器发生冲突。而且，在我看来，这样做的动画看起来更平滑。

好的，它们应该按照您的方法进行定位，这很有效，谢谢。我能做些什么来清理它？@user3600205，试试新的小提琴，告诉我你需要那个动画也反向运行吗？@user3600205，我添加了反向动画。我想你现在可以把它标记为已回答。哇，你为此付出了很多努力。谢谢，我会复习和学习的。

function animateTables(){
    $("#leaguesSelection").css({
        "overflow":"hidden",
        "margin-bottom":"0px"
    })
    $("#leaguesSelection").animate({
        height: "35px",
        padding:"2px"
    });
    $(".divisionHeader").fadeOut(400,function(){
        $(".divisionHeader").css({
            "display":"inline-block",
            "overflow":"hidden"
        });
    });
    $('.divisionHeader').animate({
        width: "35px",
        height: "35px",
        padding: "0"},
        400,function(){
            $(".divisionHeader").fadeIn(1800);
    });
    //$(".divisionHeader").fadeIn(1800);
}
$('.runMe').click(function(){
   animateTables(); 
});

function animateTables(){
        $("#leaguesSelection").css({
            "overflow":"hidden",
            "margin-bottom":"0px"
        })
        $("#leaguesSelection").animate({
            height: "35px",
            padding:"2px"
        });
        $(".divisionHeader").fadeOut(400,function(){
            $("#leaguesSelection div").css("float", "left");
            $(".divisionHeader").css({
                "overflow":"hidden",
                width: "35px",
                height: "35px",
                padding: "0"
            });
        }).fadeIn(1800);
}
$('.runMe').click(function(){
    animateTables(); 
});