Skip to content

Instantly share code, notes, and snippets.

@Scordavis
Created April 15, 2017 20:45
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save Scordavis/79f9f4be9066621fafbb1e7a8be836c7 to your computer and use it in GitHub Desktop.
Save Scordavis/79f9f4be9066621fafbb1e7a8be836c7 to your computer and use it in GitHub Desktop.
Скрипт отслеживания класса
<ul id="myTab">
<li><a href="#">1 минута</a>
<li><a href="#">2 минута</a>
<li><a href="#">3 минута</a>
<li><a href="#">4 минута</a>
<li><a href="#">5 минута</a>
</ul>
/--------------------------------------------------------/
#myTab>li {
display: inline-block;
width: 100px;
border-bottom: 10px solid #555555;
}
#myTab>li>a {
display: block;
padding: 10px 15px;
}
#myTab>li.active {
border-bottom: 10px solid #ff0000;
}
/------------------------------------------------/
$('#myTab').on('click', 'li', function() {
var countItems = $('#myTab li').length;
for (var i = 0; i <= countItems; i++) {
$('#myTab li:eq(' + i + ')').removeClass("active");
}
var activeItem = $(this).index();
for (var i = 0; i <= activeItem; i++) {
$('#myTab li:eq(' + i + ')').addClass("active");
}
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment