引導窗體手風琴是行不通的

Question

我想要創造的是，我有一個按鈕，一旦我clcik吧，2個按鈕出現，且各該按鈕的點擊後顯示了另一個倒塌形式，現在的想法是，我只是想因此，如果表格1開1種形式在同一時間出現，2即將出現的形式1應合攏所以這裏是我的代碼：

<div id="local" class="collapse"> 
    <a data-toggle="collapse" data-parent="#ccvc" href="#local-sign-in" class="btn btn-default btn-md" role="button">I already have an account</a> 
    <a data-toggle="collapse" data-parent="#ccvc" href="#local-reg" class="btn btn-default btn-md" role="button">I need to make an account</a> 
    </div> 
    <div class="form-group" id="ccvc"> 
    <form id="local-sign-in" class="collapse" action="/login" method="post"> 
    <div> 
     <p></p> 
     <label>Username:</label> 
     <input type="text" name="username"/> 
    </div> 
    <div> 
     <label>Password:</label> 
     <input type="password" name="password"/> 
    </div> 
    <div> 
     <input type="submit" class="btn btn-primary btn-sm" value="Log In"/> 
    </div> 
    </form> 

    <form id="local-reg" class="collapse" action="/local-reg" method="post"> 
    <div> 
     <p></p> 
     <label>New Username:</label> 
     <input type="text" name="username"/> 
    </div> 
    <div> 
     <label>New Password:</label> 
     <input type="password" name="password"/> 
    </div> 
    <div> 
     <input type="submit" class="btn btn-primary btn-sm" value="Register"/> 
    </div> 
    </form> 
    </div> 

的萬阿英，蔣達清是2種形式出現在一起，而不是每個單獨的一個雖然他們有相同的數據父項，所以有什麼想法？

Answer 1

從頂級父div中刪除collapse類。

<div id="local"> 

jsFiddle.