使用 jquery 隐藏 Divtag

Question

当我点击跨度时，我想隐藏它下面的 div 标签，但我的代码不起作用。我想听听您对如何重构 jQuery 代码的意见。    $(document).on("click", ".show-table-bottom > span", function() {      if ($(this).next().css("display") == "none") {        $(this).next().show();      } else {        $(this).next().hide();      }    });    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>    <table>      <tr>        <td class="show-table-bottom" colspan=3 style="height:65%; vertical-align: top; padding:2%;">          <span>번역</span>          <div style="display:none; border:1px dashed gray;">            <div>              <br>              <h4><b>ASDSA</b></h4><br><br><br><br> aSDASD            </div>          </div>        </td>      </tr>    </table>