jquery通过事件改变当前行的样式

点击按钮，隐藏下一行 ，并且合并改变， 再次点击显示下一行合并恢复。

  $('.showTr').click(function(){
	  $(this).parents('tr').find('.row2').attr('rowspan', function(index, attr){
		return attr == 3 ? 1 : 3;
	  });
	  $(this).parents('tr').next().toggle();
	  $(this).parents('tr').next().next().toggle();
  })

<tr>
    <td rowspan="3" class="row2">111</td>
    <td rowspan="3" class="row2">222</td>
    <th>333</th>
    <th>444</th>
</tr>
<tr>
    <th>333</th>
    <th>444</th>
</tr>
<tr>
    <th>333</th>
    <th>444</th>
</tr>

<th><button type="button" class="showTr">更多</button></th>