Question

js指定<div>的高度150px,超出高度显示展开按钮,没超过高度不显示展开按钮

js 指定<div>的高度165px,超出高度显示展开按钮并可以收起,没超过高度不显示展开按钮， 怎么实现呢？
本人JS小白，希望给出完整代码。。

Answer 1

<input type="button" value="收起"/>
<div id="test">

</div>

<style type="text/css">
    #test{
        height: 140px;
        width:300px;
        background-color: pink;
    }
</style>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script type="text/javascript">

if($('#test').height()>=165){
   $('input').css('display','none');
} else {
   $('input').css('display','block');
}
    $('input').click(function(){
        $('#test').slideToggle(300,function(){
            if($('#test').css('display') == 'block'){
                $('input').val('收起');
            }else {
                $('input').val('展开');
            }
        });
    });
    
</script>