Как изменить логику tabs что бы это заработало?

Question

[sergey]

jsfiddle
логика такая: необходимо чтобы при загрузке страницы контент табов изначально был спрятан, при наведении мыши он отображался, но когда пользователь кликнет или наведет мышь за пределы табов контент снова спрячется.

Answer 1

[sergey]

Ну вот к примеру можно так

$('.nav-tabs > li').removeClass('active');
$(".tab-content > .tab-pane").removeClass('active');

$('.nav-tabs > li').hover(
  function() {
    $(this).find("a").tab('show');
  },
  function() {
    if (!$($(this).find("a").attr("href")).is(":hover")) {
      $(this).removeClass('active');
      $(".tab-content").find($(this).find("a").attr("href")).removeClass('active');
    }

  });

$('.tab-content').mouseout(function() {
  $('.tab-content > .tab-pane > div').removeClass("active");
  $('.nav-tabs > li').removeClass("active");
});