2010-06-18 7 views
0

두 개의 링크에 대해 두 개의 클래스가 있고 서로 다른 정보를 가진 두 개의 div가 있습니다. 내가 뭘하려고하는지 그것은 하나의 링크를 클릭 할 때 두 클래스 모두에 2를 추가하고 두 번째 div를 뚜렷하게 만듭니다. 다른 링크를 클릭하면 2가 표시되고 첫 번째 div가 눈에 띄게됩니다. 여기수업을 삭제 하시겠습니까?

당신이 그것을 클릭하면 때 현재,

$("#posts").click(function() { 
    $("#sideboxtopleft").toggleClass("2"); 
    $("#arrow").toggleClass("2"); 
}); 

꽤 많은 게시물 링크입니다 얻었다 것입니다. 그것은 sideboxtopleft와 arrow, sideboxtopleft2와 arrow2를 만들 것입니다. 그리고 당신이 코멘트를 클릭했을 때 그것은 그것들 둘 모두의 2를 벗을 것입니다. 그런 다음 div가 두 개 있습니다. 하나는 숨김으로 설정되고 다른 하나는 숨김으로 설정합니다. 탭 클래스를 변경하여 탭 시스템을 만드는 방법.

답변

0

toggleClass은 새 클래스를 추가하거나 제거하지만 단순히 문자열을 추가하는 것이 아닙니다.

잠재적 인 솔루션은 다음을 수행하는 것입니다 :

$("#posts").click(function() { 
    $("#sideboxtopleft").toggleClass("sideboxtopleft").toggleClass("sideboxtopleft2"); 
    $("#arrow").toggleClass("arrow").toggleClass("arrow2"); 
}); 
+0

좋아, 지적했다. 비록 내가 어떻게 그렇게 할 것인지에 관해 나의 질문에 정말로 대답하지 않는다. – Steven

+0

'.toggleClass()'는 여러개를 가질 수 있지만 그 사이에 공백을 넣으십시오. –

+0

@Nick 그 정보를 주셔서 감사합니다, 나는 그 특이성을 알지 못했습니다. – mbillard

관련 문제