JavaScript — добавление активного класса в несколько классов переключения

Добавление активного класса в несколько классов переключения

У меня есть несколько классов переключения между 6 делениями, что прекрасно работает. Я хотел бы расширить его, добавив класс active к выбранной в данный момент p.route-link, а также разрешить отмену выбора всех .route div. В тот момент, когда вы нажимаете на ссылку p.route, нет возможности отменить переключение .route divs (всегда есть один видимый). Переключатель активного класса, который я сейчас использую, неверен. Вот мой HTML

 {amp}lt;p class="route-link" divId="route1"{amp}gt;Route 1{amp}lt;/p{amp}gt; {amp}lt;p class="route-link" divId="route2"{amp}gt;Route 2{amp}lt;/p{amp}gt; {amp}lt;p class="route-link" divId="route3"{amp}gt;Route 3{amp}lt;/p{amp}gt; {amp}lt;p class="route-link" divId="route4"{amp}gt;Route 4{amp}lt;/p{amp}gt; {amp}lt;p class="route-link" divId="route5"{amp}gt;Route 5{amp}lt;/p{amp}gt; {amp}lt;p class="route-link" divId="route6"{amp}gt;Route 6{amp}lt;/p{amp}gt; {amp}lt;div class="route" id="route1"{amp}gt;route1{amp}lt;/div{amp}gt; {amp}lt;div class="route" id="route2"{amp}gt;route2{amp}lt;/div{amp}gt; {amp}lt;div class="route" id="route3"{amp}gt;route3{amp}lt;/div{amp}gt; {amp}lt;div class="route" id="route4"{amp}gt;route4{amp}lt;/div{amp}gt; {amp}lt;div class="route" id="route5"{amp}gt;route5{amp}lt;/div{amp}gt; {amp}lt;div class="route" id="route6"{amp}gt;route6{amp}lt;/div{amp}gt; 

и мой JQuery

 $(".route-link").bind("click", function() { $(".route").hide(); var divId= $(this).attr("divId"); $("#"   divId).show(); $('p').toggleClass('active'); }); 

Рабочая скрипка: http://jsfiddle.net/alexgomy/26ced1rn/3/

Спасибо

Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector