   propTypes:
     resultPage: React.PropTypes.array
     corpus: React.PropTypes.object.isRequired
-    rowNoShowingPlayer: React.PropTypes.number
+
+  getInitialState: ->
+    rowNoShowingPlayer: null
 
   componentDidUpdate: (prevProps) ->
     # Create tooltips after a new result page is displayed

      mediaObj:  result.media_obj


  mainRow: (result) ->
    corpusHasSound = @props.corpus.has_sound
    `<tr>
      {this.idColumn(result)}
      {corpusHasSound
        ? <td className="span1">
            <button className="btn" AAaction="" togglejplayerBB=""><i className="icon-volume-up" /></button>
          </td>
        : null}
      {this.textColumns(result)}

      <table className="table table-striped table-bordered">
        <tbody>
        {results.map(function(result, index) {
          var mainRow = this.mainRow(result, index),
              extraRows = extraRowAttrs.map(this.extraRow);
              rows = [mainRow, extraRows];
          if(this.state.rowNoShowingPlayer === index) {
            rows.push(
              <tr>
                <td colSpan="10">
