[nonamez]

$("a[rel~='showinfo']").click(function () {
      var info_id = $(this).attr('id');
      
      if($('.info_name').is(':visible'))
      	remove_contact();

      for(i=0; i<contact_status.length; i++){
      	if(info_id == contact_status[i]){
      		create_contact(i);
      	}
      }
     $('.info_name').show("slide", {direction: "right"}, 1000);
     $('.info_info').show("slide", {direction: "up"}, 1000);

    });
    
    function create_contact(id){
    	$('.third').append('<div class="showinfo"><h2 class="info_name">'+contact_name[id]+'</h2><span class="info_info">lol</span></div>')
    }
    
    function remove_contact() {
        $('.info_name').hide("slide", {direction: "right"}, 1000);
    	$('.showinfo').remove();
    }

В общем как выполнить скрипт в такой последовательности:

1. Если есть info_name, то:
   1. Прячем info_name
   2. Удялаем info_name
2. Выполняем цикл
   1. Если есть совпадение, добавляем
3. Показываем всё
   1. Сначала info_name
   2. Затем info_info

Проблема в том, что оно тока появляется плавно, а мне надо ещё что бы и удалялось тоже плавно...

Добавлено через 7 минут
Да, callback не вариант, ибо в нескольких случаях добавляется сразу 2 дива и тогда ваще жопа...

$('.info_name').show("slide", {direction: "right"}, 1000, function(){
     	$('.info_info').show("slide", {direction: "up"}, 1000);
     });

Тоесть info_name норм пояляется, а info_info 2 раза почему-то...