使用JQuery和CSS进行简单内容切换

Question

我有几个div类的换行。每个课程都有几个课程内容。如何自动切换使用jQuery和css显示的内容？

<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：

.is-not-showing { 

    display: none; 

} 

JS：

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

Answer 2

如何回合简单：

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