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

没点击之前是这样的

点击以后是这样的

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

$(".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切换下


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

温馨提示:内容为网友见解,仅供参考
第1个回答  推荐于2018-04-08
设置div的overflow为hidden. 然后动态地改变div的高度. 同时替换下面的那个按钮图标即可.本回答被网友采纳
第2个回答  2014-12-18
改变这个div的高度,然后ovflow:hidden;就可以了
相似回答