Как изменить текст в другом div, используя функцию OnClick в jvectormap?

Question

Я использую этот плагин карты .

Когда я нажимаю на каждую страну, я хочу изменить текст в div с именем #content, который по умолчанию невидим.

Я планировал сделать это с помощью другого div, называемого #apDiv3.

Содержимое после первого клика должно оставаться видимым, пока вы не нажмете другую страну.

Я используюэтот код, но ничего не происходит:

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

Что я делаю не так, и есть ли лучший способ сделать это?

Answer 1

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

Не совсем уверен, что вы собираетесь с событием, но вам это не нужно.