Używam Twitter Bootstrap do tworzenia zwijanych sekcji tekstu. Sekcje są rozwijane, gdy a+ przycisk jest wciśnięty. Mój kod HTML wygląda następująco:

<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>

Czy istnieje sposób na zmianę przycisku, aby wyświetlić- zamiast+ po rozwinięciu sekcji (i zmianie z powrotem na+ kiedy zostanie ponownie zwinięty)?

Dodatkowe informacje: Liczyłem na proste rozwiązanie mojego problemu oparte na twitter-bootstrap / css / html. Wszystkie dotychczasowe odpowiedzi wykorzystują JavaScript lub PHP. Z tego powodu chcę dodać więcej informacji o moim środowisku programistycznym: chcę użyć tego rozwiązania w witrynie SilverStripe (wersja 3.0.5), która ma pewne implikacje dla korzystania zarówno z PHP, jak i JavaScript.