jquery - 单击打开相邻的 div

Question

早上好，

我正在寻找一种解决方案，可以在单击时增加相邻 div 的大小。这是我所拥有的，但似乎不起作用:

HTML

<a href="#" id="button-1">Link</a>
<div id='ads-1'></div>

CSS

#ads-1{
    height: 20px;
    width: 100%;
    float: left;
    overflow: hidden;
    background: #6F0;
}

JS

$('#button-1').click(function(){
    $('#ads-1').animate({height:'500px'}, 500);
});

Answer 1

首先包含 jQuery:

<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>

然后等待document ready :

$(function () {
    $('#button-1').click(function(){
        $('#ads-1').animate({height:'500px'}, 500);
    });
});

JSFiddle Demo .