하나의 목록 항목에 활성 클래스가있을 때 jQuery 함수를 사용하면 다른 모든 목록 항목에 자동으로 활성 클래스가 없기를 원합니다?

Question

내 웹 페이지는 http://www.sarahjanetrading.com/js/status

누구나 액세스 할 수있는 모든 HTML, CSS 및 jQuery 코드 + 이미지를 사용할 수 있습니다.

내 문제는 현재 내가 가지고있는 jQuery 코드는 활성 상태가 목록 항목에서 전환 할 수 있다는 것입니다. 내가 원했던 것은 하나의 목록 항목이 클릭되었을 때 활성 (활성 클래스)이되고 다른 모든 항목은 활성 클래스가 제거되어야한다는 것입니다.

감사

Answer 1

I 해요 100 % 확실히 당신이 원하는 무엇을 따르지만,이 코드는 다른 모든 형제 자매에서 활성 클래스를 제거하고 결코 하나 개 이상의 항목을 가지고있다 그래서 현재를 전환합니다 액티브 한 클래스 현재 클릭 한 항목이 활성화되고 다른 모든 unactive 될 것을 당신이 원하는 것은 경우

$(function() { 
    $('#status li').click(function(){ 
     var self = $(this); 
     self.siblings().removeClass('active'); 
     self.toggleClass('active'); 
    }); 
}); 

, 당신은 모든 toggleClass를 사용하지 않습니다. 이와 단순히 더 많은 일을 할 수 있습니다

다음

$(function() { 
    $('#status li').click(function(){ 
     var self = $(this); 
     self.siblings().removeClass('active'); 
     self.addClass('active'); 
    }); 
}); 

Answer 2

$(function() { 
    var lis = $('#status li'); 
    lis.click(function() { 
     lis.removeClass('active won-active'); 
     $(this).addClass('active') 
    }); 

    lis.filter('.won').click(function() { 
     $(this).toggleClass('won-active') 
    }); 
}); 

가 작동 jsFiddle입니다 : jfriend00하는 http://jsfiddle.net/thomas_peklak/smMT5/1/

Answer 3

유사 코드, 조금 청소기를. 다른 코드가 한 번에 하나 이상의 활성을 설정하지 않는다고 가정합니다 ...

$(function() { 
    $('#status li').click(function(){ 
     $(this).siblings().andSelf().toggleClass('active'); 
    }); 
});