Jquery在Bootstrap折叠中更改文本

Question

我在rails中有一个bootstrap折叠项。

我的coffeescript是这样的：

$(document).ready ->
   $('#collapseOne').on 'shown.bs.collapse', ->
       $('#advancedcollapselink').html('hello')

   $('#collapseOne').on 'hidden.bs.collapse', ->
   $('#advancedcollapselink').html('goodbye')

然后我的崩溃部分看起来像：

<div class='row'>
                  <div class='col-lg-12'>
                    <div id='advancedcollapse'>
                      <a data-parent='#accordion' data-toggle='collapse' href='#collapseOne'>
                        + Advanced
                      </a>
                    </div>
                  </div>
                </div>
                <div class='row'>
                  <div class='collapse' id='collapseOne'>
                    <div class='col-lg-6'>