В jQuery UI есть возможность спрятать весь tab-content, а как это сделать в Bootstrap Tabs?
$('.nav-tabs > li').mouseout( function(){
$(this).find('a').tab('hide');
});
вот такая запись не дает необходимого результата
В jQuery UI есть возможность спрятать весь tab-content, а как это сделать в Bootstrap Tabs?
$('.nav-tabs > li').mouseout( function(){
$(this).find('a').tab('hide');
});
вот такая запись не дает необходимого результата
В jQuery UI есть возможность спрятать весь tab-content, а как это сделать в Bootstrap Tabs?
$('.nav-tabs > li').mouseout( function(){
$(this).removeClass('active');
$(".tab-content").find($(this).find("a").attr("href")).removeClass('active');
});
UPD по вопросу из комментариев
пользователь наводит мышь на ссылку, открывается контент, и он может водить, кликать по контенту, но как только клик за пределами табов, контент автоматически срывается.
$('.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').removeClass("active");
$('.nav-tabs > li').removeClass("active");
});
tab
(nav-tabs > li
), а под контентом контент для tab
?