wagwandude

Ну что же ты =) Ну поменяй ты эффект на fade например и он не будет вычислять высоту элемента, или сделай .toggleClass()

Как вариант?

ul li
{
    display:inline-block;
}

Но для начала задайте классы, иначе это правило применится ко всем спискам.

1. Вместо клика на < li> отлавливайте клик на < a>
2. У вас ссылки и контейнеры одинаковый класс содержат - tab1, лучше разделить.
3. В чем вопрос? Что у вас не получается? Чего вы хотите добиться?

var handler = function(){
        $("ul.tabs li").removeClass("active");
        $(this).addClass("active");
        $(".tab_content, .tab_test").hide();

        var activeTab = $(this).find("a").attr("class");
        $('.'+activeTab).show();
}

$("ul.tabs li").interval = setInterval(handler.bind(this), 1000);

function rotateBackground() {
  var ct = $("#header").data("background") || 0,
      newCt = ct == background.length -1 ? 0 : ct + 1;

  $("#header").data("background", newCt).fadeIn()
  .css({'background' : 'url('+ background[newCt] +') no-repeat', 'background-size':'cover'}).delay(2000).fadeOut(200, rotateBackground);
}