Я использую Twitter Bootstrap для создания разборных разделов текста. Разделы раскрываются, когда+ кнопка нажата. Мой HTML-код выглядит следующим образом:

<div class="row-fluid summary">
    <div class="span11">
        <h2>MyHeading</h2>  
    </div>
    <div class="span1">
        <button type="button" class="btn btn-success" data-toggle="collapse" data-target="#intro">+</button>
    </div>
</div>
<div class="row-fluid summary">
    <div id="intro" class="collapse"> 
        Here comes the text...
    </div>
</div>

Есть ли способ изменить кнопку для отображения- вместо+ после того, как раздел расширен (и вернитесь к+ когда это опять рухнет)?

Дополнительная информация: Я надеялся, что будет простое решение моей проблемы на основе twitter-bootstrap / css / html. Все ответы до сих пор используют JavaScript или PHP. В связи с этим я хочу добавить больше информации о своей среде разработки: я хочу использовать это решение на веб-сайте на основе SilverStripe (версия 3.0.5), который имеет некоторые последствия для использования как PHP, так и JavaScript.