slideDown在引导行中跳转到Jquery

Question

我尝试将slideDown与我在页面上动态加载的几个div结合使用。 问题是滑动向下滑动直到div的最后一个元素，但不能超过它。

这意味着它＆＃34;错过＆＃34; div的最后一行并没有顺利滑动，它只是跳到div的末尾。

<div id="toslide">
    <div class="row">

        <!-- printer.materials == ['PLA': [[blue, 22, 2(material id)], [red, 23, 3]], 'ABS': [[yellow, 22, 6], ...]]-->
        <div class="col-md-3">
            <select class='select select-primary select-block mbl'
                    name="material">
                    <option value="value">value</option>
            </select>

            <select class='select' 
                    name="color" onchange="update_breakdown(this.id)">

                    <option value="value">12(USD)</option>
                    {% endfor %}
                {% endfor %}
            </select>
        </div>
    </div>
</div>

<script>
     $("#toSlide").hide().html(data);
     $("#toSlide").slideDown("slow");
</script>

为简单起见，我删除了一些Ajax代码，但我认为你可以理解。

感谢您的帮助。