如何将多个jquery函数合并为一个函数？

$(document).ready(function() {
    $('#button1').click(function() {
        $('#element1').fadeIn();
    });

    $('#button2').click(function() {
        $('#element2').fadeOut();
    });

    $('#button3').click(function() {
        $('#element3').slideToggle();
    });
});

$(document).ready(function() {
    function handleButtonClick(event) {
        const targetElement = $(event.target).attr('id').replace('button', 'element');
        const action = $(event.target).attr('id').split('button')[1];

        switch (action) {
            case '1':
                $('#' + targetElement).fadeIn();
                break;
            case '2':
                $('#' + targetElement).fadeOut();
                break;
            case '3':
                $('#' + targetElement).slideToggle();
                break;
            default:
                console.log('Unknown action');
        }
    }

    $('#button1, #button2, #button3').click(handleButtonClick);
});