Autocollapse tabs (Bootstrap 3)

[Robson Alexandre]

Boa noite galera,

estou fazendo um jquery para autocollapse tabs de acordo com a largura da página.

Se alguém puder ajudar se esta seria a melhor maneira de se fazer isso

Meu js por enquanto é


function autocollapse() {

var tabs = $("#tabs").find(".nav-tabs");
var tabsHeight = tabs.innerHeight();
if (tabsHeight >= 50) {
while (tabsHeight > 50) {
var children = tabs.children("li:not(:hidden)");
var count = children.size();
var clone = $(children[count - 2]).clone();
$(children[count - 2]).hide();
clone.prependTo("#collapsed");
tabsHeight = tabs.innerHeight();
}
} else {

}

A ideia é deste bootply https://www.bootply.com/render/xvAx7qs67v

Mas este exemplo não funciona qdo os li's são movidos para #collapsed.

Atenciosamente

Robson Alexandre

--

Atenciosamente

Robson Alexandre