Javascript 单击更改DIV高度

我一直致力于我的页面的功能，易用性一直是我的目标之一。为了改进布局，我决定创建可折叠的部分。然而，我有两个问题。1） 我可以将DIV设置为展开，但不能再次收缩。所以我决定创建一个东西来告诉它，如果它大于最小的大小，扩展内容，但是现在它也不会扩展。这是我的密码：

$(".contentBox").click(function(){
    var boxHeight = $(this).height();
    var minBoxHeight = 40;

    if (boxHeight < minBoxHeight)(function() {
        $(this).css({
            height: 'auto',
            transition: 'height 800ms, background 800ms, box-shadow 800ms'
        });
    )};
});

$（“.contentBox”）。单击（函数（）{
var-boxHeight=$（this.height（）；
var minBoxHeight=40；
if（boxHeight

2） 因为我使用的是自动高度，这是一种做事的方式，我牺牲了我的动画滑动时，它的扩展和崩溃。但是，如果有人知道如何保持高度与内容大小的一致性，以及如何保持我想要的动画效果，那就太棒了。

您输入了一个错误：

$(".contentBox").click(function(){
        var boxHeight = $(this).height();
        var minBoxHeight = 40;

        if (boxHeight <= minBoxHeight) {
            $(this).css('height', 'auto');
            var tmp_height = $(this).height();
            $(this).css('height', boxHeight+'px');
            $(this).css({
                height : tmp_height+'px',
                transition: 'height 800ms, background 800ms, box-shadow 800ms'
            });
        } else {
            $(this).css({
                height: '40px',
                transition: 'height 800ms, background 800ms, box-shadow 800ms'
            });
        }
    });

$（“.contentBox”）。单击（函数（）{
var-boxHeight=$（this.height（）；
var minBoxHeight=40；
如果（boxHeight您输入了错误：

$(".contentBox").click(function(){
        var boxHeight = $(this).height();
        var minBoxHeight = 40;

        if (boxHeight <= minBoxHeight) {
            $(this).css('height', 'auto');
            var tmp_height = $(this).height();
            $(this).css('height', boxHeight+'px');
            $(this).css({
                height : tmp_height+'px',
                transition: 'height 800ms, background 800ms, box-shadow 800ms'
            });
        } else {
            $(this).css({
                height: '40px',
                transition: 'height 800ms, background 800ms, box-shadow 800ms'
            });
        }
    });

$（“.contentBox”）。单击（函数（）{
var-boxHeight=$（this.height（）；
var minBoxHeight=40；
如果（boxHeight）这是一个ColdFusion问题吗？它不应该被标记为“jquery”或“javascript”吗？我的错，这是因为我正在使用ColdFusion。我将更改标记。这是一个ColdFusion问题吗？它不应该被标记为“jquery”或“javascript”吗？我的错，这是因为我在使用coldfusion。我会更改标记。非常感谢！唯一的问题是没有向下滑动的过渡，但在折叠时它会重新出现，所以我相信稍微调整一下就能解决这个问题。再次感谢：）不客气！检查JSFIDLE链接。尝试尝试使用它；）一针见血，简单地将.css更改为.jsfiddle上的动画，现在它可以做我需要的一切！我只使用这个网站作为最后手段，因为我正在尝试自我辅导，所以再次感谢！真是太感谢你了！唯一的问题是滑下过渡不存在，但在崩溃时它会出现，所以我相信轻微的调整将如此解决这个问题。再次感谢：）不客气！检查JSFIDLE链接。尝试尝试一下；）一针见血，简单地将.css改为.css。动画化你在JSFIDLE上的位置，现在它做了我需要的一切！我只使用这个网站作为最后手段，因为我正在尝试自我辅导，所以再次感谢！