使用ImageMapster的蔬菜托盘example,当您单击某个区域时,它会显示与主图像上方该区域相关联的文本。如果再次单击同一区域,则会取消选择该区域,但会将文本保留在主图像上方。我需要的是它在你点击该区域时打开文本(就像现在一样),然后再次点击同一区域时将其关闭。换句话说,突出显示的区域需要像切换开启一样工作。关闭与每个相关的文本。
我正在尝试使用的部分是:
onClick: function (e) {
// update text depending on area selected
$('#selections').html(xref[e.key]);
}
我尝试添加
$('#selections').toggle();
进入功能。这确实会产生“切换”效果,但它不会与突出显示的区域保持“同步”。它只是切换&上的文本块。关闭,无论您点击哪个区域。
有人可以帮忙解决这个问题吗?