css
.tabs li.active {
color:
/*border: 2px solid
/*box-shadow: 0 0 10px rgba(254,211,168,.9);*/
}
.count {
display: none;
}
.active {
display: block;
}
html
<ul class="tabs" id="new_tab">
<li class="active" id="buy">1</li>
<li id="sell">2</li>
</ul>
<div class="count active"></div>
<div class="count"></div>
js
$('#new_tab').on("click", "li", function () {
indexC = $(this).index();
this.index = indexC;
$(this).addClass('active').siblings().removeClass('active');
$('.count').eq(indexC).addClass('active').siblings().removeClass('active');
});
intervalLoad: function () {
var me = this;
me.ref = setInterval(function () {
switch (me.index) {
case 0:
$("#buy").click();
break;
case 1:
$("#sell").click();
break;
}
if (me.index == 1) {
me.index = 0;
} else {
me.index++;
}
}, 5000);
},