Jquery 函数显示隐藏无法正常工作

Question

我有显示查询，但问题是当我有多行时，基本上我可以做多个显示隐藏，这会导致其功能错误。

我所做的是：点击它会显示值并更改文本标签，但如果我为另一行做另一行，它也会改变它的文本，现在我最终得到两行隐藏标签，即使显示是显示第二次点击的值。

怎么解决

$(document).on('click', '.showDiv', function() {
  $("#divData").css('display', 'block');
  $("#divDataData").load('audioDailyCounts.cfm?audioID=' + $(this).attr('data-id') + '&_new=' + Math.random());
  $(this).text('Hide Daily +/-');
  $(this).addClass('removeDiv');
});

$(document).on('click', '.removeDiv', function() {
  $("#divData").hide();
  $(this).text('Show Daily +/-');
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<a href="javascript:;" class="showDiv" data-id="#audioID#">Show Daily +/-</a>
<div class="row" id="divData" style="display:none;">
  <div class="col-md-12">
    <div class="card-box">
      <div id="divDataData"></div>
    </div>
  </div>
</div>