Question

如何实现JS点击按钮隐藏一部分DIV，在点击按钮出现整个DIV？

没点击之前是这样的

点击以后是这样的

再点击就还原
请各位高手来帮忙，谢谢啦！不懂得，就别瞎回答





Answer 1

$(".btn").click(function(){
                $("div").css('height','200px');
                $(".btn").css('background','blue');
            },function(){
                $("div").css('height','500px');
                $(".btn").css('background','red');
            });

把jq库引入进去，剩下的位置改写id写id，改写class的写class，也可以先定义好两个class，用toggle切换下

你不是要点击下面那个箭头的吗

Answer 2

设置div的overflow为hidden. 然后动态地改变div的高度. 同时替换下面的那个按钮图标即可.

Answer 3

改变这个div的高度，然后ovflow:hidden;就可以了