javascript - JS 切换 Div 高度

标签 javascript jquery

我这里有一个小脚本来改变我的 Div 的高度,但实际上它只是变得更小。我如何切换它以使其再次回到更高的位置?

$( ".div1" ).click(function() {

$(".div2").animate({
    height: ($(this).height() == 40) ? 10 : 40
}, 200);

});

最佳答案

问题是 $(this) 引用的是 $( ".div1") 而不是 $( ".div2")

   $( ".div1" ).click(function() {

    $(".div2").animate({
        height: $(".div2").height() == 40 ? 10 : 40
    }, 200);

    });

完整代码笔:https://codepen.io/anon/pen/zrRboZ

关于javascript - JS 切换 Div 高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34983524/

相关文章:

javascript - HTML5/Javascript 视差对单个元素/div 标签的影响?

javascript - 对话框未打开 ajax jquery MVC2 asp.net

jQuery datepicker 出现在 twitter bootstrap 模式后面

javascript - stackable.js 表格背景颜色不起作用

javascript - 将垂直滚动方向更改为水平

javascript - jQuery - $(文档).off()

javascript - Autodesk Forge-集成基于属性的选择/隔离

javascript - 将参数传递给动态目标的 jQuery 函数

javascript - jquery slideUp/slideDown 上的 IE7 边距错误

javascript - 结合更改和 keyup