Панель аккордеона Bootstrap/Collapse

Мой бутстрап-гармоник действует темпераментно! Я создал три панели, отображаемые в сетке столбцов, но меню второго и третьего коллапса закрывает неправильное меню (например, нажатие/открытие меню2, затем нажатие/открытие меню 3 закрывает меню2 перед открытием меню3).

Любая идея, почему?

Код здесь:

        <div class="row">
            <div class="col-sm-6 col-md-4">
                <div class="panel-group">
                    <div class="panel panel-default">
                        <a class="panel-default" data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
                        <div class="panel-heading">
                            <h4 class="panel-title">
                            My Story
                            </h4>
                        </div>
                        </a>
                        <div id="collapseOne" class="panel-collapse collapse">
                            <div class="panel-body">
                            Content
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-6 col-md-4">
                <div class="panel-group" id="accordion">
                    <div class="panel panel-default">
                        <a class="panel-default" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">
                        <div class="panel-heading">
                            <h4 class="panel-title">
                            My Skills
                            </h4>
                        </div>
                        </a>                            
                        <div id="collapseTwo" class="panel-collapse collapse in">
                            <div class="panel-body">
                            Content
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-6 col-md-4">
                <div class="panel-group" id="accordion">
                    <div class="panel panel-default">
                        <a class="panel-default" data-toggle="collapse" data-parent="#accordion" href="#collapseThree">
                        <div class="panel-heading">
                            <h4 class="panel-title">
                            My Ambition
                            </h4>
                        </div>
                        </a>                            
                        <div id="collapseThree" class="panel-collapse collapse">
                            <div class="panel-body">
                            content
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>