оформление ссылки
есть 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, время: 00:14. |