Question

我在Codepen上找到了此代码，在这里似乎可以正常工作，但是当我将其用于我的一个项目时，它将在页面加载时扩展表单。我希望在单击按钮时折叠窗体的初始状态，然后将其展开。请帮忙。

我尝试了一些jquery的东西，但是我很新，因此我在这里。我使用的不是scss，而是使用物化，引导程序和jquery。

我希望表单首先折叠起来，如示例在codepen- https://codepen.io/Reklino/pen/ebxhm

上所示

<html>
    <div class="expansive-button v1">
        <i class="fa fa-cog fa-2x"></i>
    </div>

    <div class="expansive">
        <h3>Advanced Options</h3>
        <input placeholder="Advanced Option #1">
        <input placeholder="Advanced Option #2">
    </div>

</html>

<script>
    $(".v1").unbind('click').click(function () {
        $(this).toggleClass('open');
        $(this).next().stop().animate({
            height: "toggle",
            opacity: "toggle"
        }, "slow");
    });

</script>

可折叠表单无法在自举中运行，具体实现

0 个答案: