Jquery를 사용하여 요소 전환

Question

Jquery 1.7.1을 사용하여 이름이 .interest-group 인 div를 토글합니다. 링크를 클릭하면 .interest-group이라는 다음 div가 열립니다. 지금 당장은 .interest 그룹 div가 모두 표시되도록 전환 할 수 있지만 한 번에 하나만 표시 할 수 있도록하려고합니다. 어떻게해야합니까?

JSFIDDLE : http://jsfiddle.net/DWwKs/6/ 다음

내 JQuery와 있습니다 :

여기

$(document).ready(function() { 
    $('.interest').toggle(

    function() { 
     $(this).next('.interest-group').show(); 
    }, 

    function() { 
     $(this).next('.interest-group').hide(); 
    }); 
}); 

Answer 1

당신은 갈 : http://jsfiddle.net/DWwKs/8/이

그냥 첫 번째 함수에 $('.interest-group').hide();를 추가

Answer 2

그 전환의 버전() jQuery 1.7에서 더 이상 사용되지 않으며 1.9에서 제거되었으므로 대신 다음을 시도하십시오.

$(document).ready(function() { 
    $('.interest').on('click', function(e) { 
     e.preventDefault(); 
     $('.interest-group').hide(); 
     $(this).next('.interest-group').toggle(); 
    }); 
}); 

FIDDLE