如何使用Jquery切换阅读按钮中的更多内容？

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<button id="readButton">阅读更多</button>
<div id="moreContent" style="display: none;">
    <!-- 这里是更多内容 -->
</div>

$(document).ready(function(){
    // 绑定按钮的点击事件
    $("#readButton").click(function(){
        // 切换更多内容的显示状态
        $("#moreContent").toggle();
        
        // 切换按钮的文本
        if ($("#moreContent").is(":visible")) {
            $(this).text("收起内容");
        } else {
            $(this).text("阅读更多");
        }
    });
});