JQuery와 CSS로 간단한 콘텐츠 전환

Question

클래스 랩의 div가 여러 개 있습니다. 각 클래스에는 여러 개의 클래스 콘텐츠가 있습니다. jquery와 CSS를 사용하여 표시되는 콘텐츠를 어떻게 자동으로 전환 할 수 있습니까?

.is-not-showing { 

    display: none; 

} 

JS : 나는 당신을 생각하고

<div class="wrap"> 
    <div class="content is-showing"></div> 
    <div class="content is-not-showing"></div> 
    ... 
    </div> 

<div class="wrap"> 
<div class="content is-not-showing"></div> 
<div class="content is-showing"></div> 
... 
</div>  

... 

Answer 1

이런 식으로 뭔가가

http://jsfiddle.net/Btcue/

CSS를? : 원하는

$(".wrap > .content").toggleClass("is-not-showing"); 

Answer 2

어떻게 시합 단순히 :

$('.is-not-showing').hide() 
function switch() { 
    $('.is-not-showing, .is-showing').toggle(); 
}