jQuery，检查点击事件

Question

我有以下 HTML 标记:

<ul class="am-type-con">
    <li><a id="Distributor" href="#tabs-1">Distributors UK</a></li>
    <li><a id="International" href="#tabs-2">International</a></li>
</ul>

我还有一个名为 map-canvas 的 DIV ID。如果 International 上有点击事件，我想隐藏 map-canvas DIV。我希望它在单击 Distributor 时重新出现。 jQuery 中有一个简单的解决方案吗？谢谢

这是我所拥有的，但这不起作用:

$("#International").click(function(){
    $(this).data('clicked', true);
});
if($('#International').data('clicked')) {
    $( '#map-canvas' ).remove();        
}

Answer 1

尝试以下 JS 代码:

$('#International').click(function() {
  $('#map-canvas').hide();
});

$('#Distributor').click(function() {
  $('#map-canvas').show();
});