使用 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>