切换溢出- jQuery

<div id="myDiv" style="width: 200px; height: 100px; overflow: hidden;">
    这里是一些文本内容，可能会超出容器的大小。
</div>
<button id="toggleOverflow">切换溢出</button>

$(document).ready(function() {
    $('#toggleOverflow').click(function() {
        var currentOverflow = $('#myDiv').css('overflow');
        if (currentOverflow === 'hidden') {
            $('#myDiv').css('overflow', 'auto');
        } else {
            $('#mydiv').css('overflow', 'hidden');
        }
    });
});

$(document).ready(function() {
    var overflowStates = {
        'hidden': 'auto',
        'auto': 'scroll',
        'scroll': 'visible',
        'visible': 'hidden'
    };

    $('#toggleOverflow').click(function() {
        var currentOverflow = $('#myDiv').css('overflow');
        var nextOverflow = overflowStates[currentOverflow];
        $('#myDiv').css('overflow', nextOverflow);
    });
});