.toggle element on .click jQuery

Question

当它被单击时，我正在将内容添加到另一个<tr>，但我还需要将 html 元素 + 更改为 - （它需要 .toggle）。因此，您单击<tr>内容将在下面展开（显示），同时+更改为a - 当内容显示在下面时。任何帮助将不胜感激。

这是 js：

<script>
var lastClicked;
$(document).ready(function() {
$("#myTable tr").click( function () {
 var rowID = $('#myRow' + this.rowIndex);
 if(rowID.length < 1)
    $('#myTable tr').eq(this.rowIndex).after('<tr id="myRow'+this.rowIndex+'">
<td colspan="5" style="background-color: #F0F5FE;"><p>"' + this.rowIndex + '" 
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ac mauris sit 
amet diam accumsan gravida in vel eros. Nunc tristique lacinia est. Donec 
condimentum tincidunt nisl, at fringilla velit placerat eget. Nullam sed tincidunt
augue. Maecenas vulputate mattis pharetra.</p></td></tr>').next().addClass
('content-area-1 p');   
else
 rowID.toggle();
return false;
if (lastClicked != null) {
    lastClicked.hide();
}
//$(this).toggle();
lastClicked = $(this);
});
});
</script>

这是 html：

<tr class="row-1st">
  <td><a class="test-1">+</a></td>
  <td>07/06/201</td>
  <td>Phone Call</td>
  <td>Employee</td>
 </tr>

Answer 1

在click中添加类似以下内容：

var tempVal = $(this).find('.test-1');
tempVal.text((tempVal.text() == '+' ? '-' : '+'));