Запрет на дублирование .append
 

Вечер добрый

есть ajax запрос,где в success прописано вставлять содержимое методом
.append.

Так вот задача состоит в том что нужно запретить дублирование .append при нажатии на одну и туже ссылку более одного раза.

вот код

$(document).ready(function(){
  
  
  $('.container:not(:first)').hide();
  
  $('.container,#container').on('click','a',function(e) {
        e.preventDefault();	
        $.ajax({
            type: "POST",
            url: "ajax.php",
			data:"id="+this.href.split('/').pop(),
            success: function(data) {  
                $('#container').hide().append("<div style='clear: both;' class='container'>"+data+"</div>").fadeIn(200);
				}
			});
        
    });
  
	
});

Html

<div class="container"><ul>
	<li><a href="id1">Товары для отдыха</a></li>
	<li><a href="id2">Товары для дома</a></li>
	<li><a href="id3">Специальные ножи</a></li>
	<li><a href="id4">Детские санки</a></li>
	</ul>
	</div><div style="clear: both;"></div>
	<div id="container"></div>

Буду рад помощи в решении данного вопроса.:yes:

ссылка на пример http://r5409416.bget.ru/

apolon13,
а вы меточку поставьте

apolon13,
$('.container,#container').on('click','a.клас� �_меня_не_кликали',function(e) { $(this).removeClass('класс_меня_не_кл икали')

рони,
Имеете ввиду прописать подсветку в псевдоклассах ?

Или я не так понял?

apolon13,
пропишите любой класс вашим ссылкам :cray: