Bootstrap accordion PHP

Question

我使用的是带有指向不同页面的链接的twitter bootstrap accordion。

例如：

<div class="accordion-group"> 
    <div class="accordion-heading"> 
        <a href="#acc1" class="accordion-toggle" data-parent="#side_accordion" data-toggle="collapse"> 
            <i class="icon-folder-close"></i> 
            Profile
        </a> 
    </div> 

    <div class="accordion-body collapse" id="acc1"> 
        <div class="accordion-inner "> 
            <ul class="nav nav-list" > 
                <li class="active"><a href="addprofile.html" >Add Profile</a></li> 
                <li><a href="updateprofile.html"  >Update Profile</a></li>
            </ul> 
        </div> 
    </div> 
</div>

<div class="accordion-group"> 
    <div class="accordion-heading"> 
        <a href="#acc2" class="accordion-toggle" data-parent="#side_accordion" data-toggle="collapse"> 
            <i class="icon-file"></i> 
            Photo
        </a> 
    </div> 

    <div class="accordion-body collapse" id="acc2"> 
        <div class="accordion-inner"> 
            <ul class="nav nav-list"> 
                <li><a href="addphoto" >Add Photo</a></li> 
                <li><a href="updatephoto">Update Photo</a></li> 
            </ul> 
        </div> 
    </div> 
</div>

现在，当我单击某个项目时，它会被重定向到页面，但accordion的状态会丢失。

有没有关于如何保存手风琴状态的想法。当我点击‘添加照片’，这是打开的，我想要打开的照片手风琴和‘添加照片’的黑色背景。

我使用PHP编写服务器端代码。

Answer 1

您缺少数据目标属性。请参见文档http://twitter.github.io/bootstrap/javascript.html#collapse。