Javascript .animate（）不使用div，但在与段落一起使用时使用

我正在尝试在一个部分中设置一个div的动画。当我对其不透明度和显示调用.animate（）时，它什么也不做，但如果我对其中的某个段落调用它，它就会工作。我猜这和.find（）有关。有什么想法吗

HTML:

jQuery：

$(document).ready(function() {
$(".ac").click(function(){

    $(this).siblings(".ac").addClass( "closeddiv", 1000, "easeOutQuad" );
    $(this).removeClass( "closeddiv opendiv", 1000, "easeOutQuad" );
    $(this).siblings(".ac").find(".actxt").css("opacity","0").css("display","none");
    $(this).addClass( "opendiv", 1000, "easeOutQuad" );
    $(this).find(".actxt").delay(1000).animate({opacity:1, display:"inline-block"},1000,"easeOutQuad");
});   });

---

在编写脚本之前，我已经链接了jQuery和jQuery UI。即使我用div调用.find（），但它不是类，它仍然不起作用。

如果从

中删除
display:none
。actxt

也可以在animate callback中调用

show（）

。它实际上只与show（）一起工作，出于某种原因，在没有它的情况下只正确运行一次。无论如何，非常感谢！

.ac img{
    float:left;
    display:inline-block;
}

.ac{
    width:33%;
    float:left;
    height:400px;   
    overflow:hidden;
}
.opendiv{
    float:left;
    width:60%;  
}
.closeddiv{
    float:left;
    width:10%;  
}
.actxt{
    opacity:0;
    float:right;
    display:none;
}

$(document).ready(function() {
$(".ac").click(function(){

    $(this).siblings(".ac").addClass( "closeddiv", 1000, "easeOutQuad" );
    $(this).removeClass( "closeddiv opendiv", 1000, "easeOutQuad" );
    $(this).siblings(".ac").find(".actxt").css("opacity","0").css("display","none");
    $(this).addClass( "opendiv", 1000, "easeOutQuad" );
    $(this).find(".actxt").delay(1000).animate({opacity:1, display:"inline-block"},1000,"easeOutQuad");
});   });