оформление ссылки
есть 2 таба на странице. Хочу придать выделенном табу бекграунд.
Как это сделать, если я придаю ему стиль по клику, то как уго удалить ведь нажав на 2 таб они оба выделятся.
$("#vd").click(function() {
$(this).css("background-color","yellow");
return false;
});
|
Отслеживая клик по табу ты можешь добавить ему класс и соответственно убрать его в нужный момент.
Например:
$('.tab').click(function(){
$(this).addClass('activeTab');
});
А для того что бы убрать выделение при выборе другого таба, необходимо добавить еще строчку, получается:
$('.tab').click(function(){
$('.tab').removeClass('activeTab'); // Удаляет класс activeTab со всех табов (.tab)
$(this).addClass('activeTab'); // Добавляет класс activeTab для элемента по которуму кликнули
});
Это как вариант решения. |
<span>one</span> <span>two</span> <span>three</span>
<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
$("span").click(function() {
$("span").css("background-color","#fff");
$(this).css("background-color","yellow");
});
});
</script>
|
| Часовой пояс GMT +3, время: 09:53. |