单击取消按钮和折叠属性停止工作

Question

我有以下按钮和 div：

<button id="button2" class="btn btn-success btn-block" type="button" data-toggle="collapse" data-target="#collapseGroupTwo" aria-expanded="false" aria-controls="collapseGroupTwo">
    <span style="float: left" id="span2a">Add New User</span>
    <span id="span2" class="glyphicon-plus" style="float: right; font-weight: bold"> 
    </span>
</button>

<div id="collapseGroupTwo" class="collapse">
    //snip
</div>

<script>
    $('#button2').click(function () {
        $('#span2').toggleClass("glyphicon-minus")
    })
</script>

当用户在 cancelUpdateUser 上单击“取消”时，将运行以下 JS：

<script type="text/javascript">
    $(document).ready(function () {
        $('#cancelUpdateUser').click(function () {
            $('#button3').hide();
            $('#collapseGroupThree').hide();
            $('#button2').show();

            document.getElementById("updateUserForm").reset();
        })
    })
</script>

这应该隐藏collapseGroupThree 和button3 并显示button2 并允许单击button2 以展开其伴随的collapseGroupTwo。 但是，在单击事件带回 button2 后，当我单击 button2 时，collapseGroupTwo 不会展开。 我是否需要进一步切换collapseGroupTwo 上的collapse 属性？

Answer 1

您对按钮 2 的点击事件没有做任何事情来显示您的第二组...

$('#button2').click(function () {
    $('#span2').toggleClass("glyphicon-minus")

    //Add some code here to show the second group like so
    $('#collapseGroupTwo').toggleClass('collapse');
    //OR maybe just slide toggle instead? Depends how your css is with collapse class
    $('#collapseGroupTwo').stop(true, true).slideToggle(); 
})