次のコードがあります。
$('[class*="time-span"]').on('click', function () {
var modelPanel = $('.model-detail-panel');
modelPanel.clone().insertAfter('.timeline', this).slideToggle('fast', function () {
console.log(this);
$('html,body').animate({
scrollTop: $(this).offset().top
}, 500);
});
});
クローン部分はうまく機能しますが、'modelPanel' を DOM に 1 回だけ表示したい ([class*="time-span"] をクリックするたびに)。現時点では、すべての「タイムライン」クラスの後に複数回挿入されているため、挿入される div のインスタンスがかなり多くなります。
これをクリックごとに1回だけ挿入するにはどうすればよいですか?
ありがとう