分隔符不会淡入淡出

Question

我有一个菜单，通过点击其中一个元素，分隔符淡入或淡出。 https://jsfiddle.net/uLjgyamw/1/

然而，淡入淡出的代码在创建div first和class inner-container时给我带来了麻烦。有什么方法可以解决吗？

jQuery的：

$(document).on('click','#item1', function()
{ 
    $("#container").fadeOut(1000, function(){
        $(".inner-container").hide();
        $("#first").show();
        $("#container").fadeIn(1000);
    });    
});

Answer 1

使用切换。它将解决您的问题，或者如果您想要切换动画，则使用toggleClass。并在课堂上应用你的效果，然后toggleclass将动画

示例：https://jsfiddle.net/kevalbhatt18/uLjgyamw/2/

并在第一次点击时你想显示#first然后加载隐藏#first所以当你点击它时会显示。 的 的

的

{{1}}

的

Answer 2

尝试这样做：

html($("#container")).fadeIn(1000);