Javascript 使用slidetoggle（）时在指定高度隐藏div

我有三个div，我试图在单击任何div时显示/隐藏div2。到目前为止，我已经成功了，但现在我想在显示时实现一些动画。隐藏div

我尝试了很多，读了很多解决方案，但由于我是jQuery新手，所以我做不到。这是我在制作动画之前尝试过的代码

动画或幻灯片切换后

是否有任何方法可以使div动画化，并在特定高度停止，同时像以前一样滑动动画我在第一次尝试时没有使用动画。Slidedown需要自动隐藏并使用此代码

---

谢谢

当使用jQuery animate转到auto时出现了一个问题，因此您必须做一些处理（请参阅：）

都在这里

---

这里有一点代码帮助：如果您声明一个变量，比如

var MoreDiv=$（stuff）

，使用

MoreDiv

而不是

$（MoreDiv）

来访问该变量。@住宅区应用程序这正是我需要的，您已经解决了我的问题。感谢您的帮助和完整的代码+1 div展开后只有一个问题新高度指定给div，但如何在展开后将高度设置为自动意味着展开后没有具体的高度。谢谢，我想我不明白你想做什么。你能提供一个用例吗？对不起，我被问错了。现在我明白了，动画需要在展开或向下滑动后为div指定特定的高度。再次感谢您的评论。

$(".more , .expander,.headingopen").click(function() {
var expanderDiv = $(this).parents(".content_item").find(".textContent");

if ($(expanderDiv).length > 0 && $(expanderDiv).hasClass("expander") ) {
    $(expanderDiv).removeClass("expander");
    var MoreDiv = $(this).parents(".content_item").find(".more");
    $(MoreDiv).html("Mindre");
}
else {
    console.log("addclass");
     $(expanderDiv).addClass("expander new");
    var MoreDiv = $(this).parents(".content_item").find(".more");
    $(MoreDiv).html("More");
}
});

jQuery(document).ready(function() {
   jQuery(".more , .expander,.headingopen").click(function() {
            jQuery('.expander').slideToggle("slow");

    });
});

// get the current height
var curHeight = $textArea.height(); 
// set set the css to auto height and get how tall it is
var autoHeight = $textArea.css('height', 'auto').height(); 
// set the css back to the original height, then animate to the new height
$textArea.height(curHeight).animate({height: autoHeight}, 1000);