JQuery Div展开并滚动到底部

单击按钮时，im使用jquery展开div，按钮代码如下：

很明显，实际的div是：

<div id="replycont" style="display:none; border:1px #000000 solid; padding:10px;">
<form method="post" action="index.php?id=viewticket&seq=<?php echo $_GET["seq"]; ?>#updates_bottom" enctype="multipart/form-data" class="form-stacked">
        <div class="control-group">
            <label class="control-label bold" for="message">Message</label>
            <div class="controls">
                <textarea name="ticket_update" id="ticket_update" rows="12" style="width:100%;"></textarea>
            </div>
        </div>
    <p><input type="hidden" name="ticketnumber" id="ticketnumber" value="<?php echo $_GET["seq"]; ?>" />
    <input type="submit" name="addupdate" id="addupdate" value="Submit" /></p>
</form>
</div>


最好不要使用内联js，在按钮上添加一个id，然后

$('#mybutton').on('click',function(){
$('#replycont').slideToggle(function(){
$('html, body').animate({
    scrollTop: $('#replycont').offset().top
}, 500);
});
});

现在，当切换完成时，动画将启动，如果您希望它同时运行

 $('#mybutton').on('click',function(){
$('#replycont').slideToggle();
$('html, body').animate({
    scrollTop: $('#replycont').offset().top
}, 500);
});

实际上我自己做的：pok，所以我为按钮和jquery添加了这个：
$（'reply button'）。在（'click'，function（）{$（'replycont'）.slideToggle（）；$（'html，body'）。动画（{scrollTop:$（'replycont'）.offset（）.top}，500）}）；但是它不起作用，只是做了这个：$（函数（）{$（'#回复按钮'）。在（'click'，函数（）{$（'#回复按钮'）。滑动切换（）；$（'html，body'）。动画（{scrollTop:$（'#回复按钮'）。offset（）.top}，500）；}）；但是仍然没有：（它需要在按钮html下面还是上面？呃…你给了按钮id
reply button
？你能在代码中的点击处理程序中添加一个
console.log（'test'）
 $('#mybutton').on('click',function(){
$('#replycont').slideToggle();
$('html, body').animate({
    scrollTop: $('#replycont').offset().top
}, 500);
});