Created
April 15, 2017 20:45
-
-
Save Scordavis/79f9f4be9066621fafbb1e7a8be836c7 to your computer and use it in GitHub Desktop.
Скрипт отслеживания класса
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<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