Javascript 如何使用jvectormap中的OnClick函数更改另一个div中的文本？

我正在使用

单击每个国家/地区时，我想更改名为

#content

的div中的文本，默认情况下该文本不可见

我计划使用另一个名为

#apDiv3

的div来实现它

首次单击后的内容应保持可见，直到您单击其他国家/地区

我正在使用此代码，但什么也没发生：

$(function () {
    $('#example-map-1').vectorMap({
        backgroundColor: ('#1d1e21'),
        hoverOpacity: 0.7,
        hoverColor: ('#4f1d1e'),
        onRegionClick: function (event, code) {
            if(code === 'ca') {
                event(function () {
                    $("#content").replaceWith($("#apDiv3"))
                });
            }
        });
    });
});

我做错了什么，还有更好的方法吗

    onRegionClick: function (event, code) {
        if(code === 'ca') {
            $("#content").replaceWith($("#apDiv3"))
        }
    });

不完全确定你要做什么，但你不需要