jquery - JQuery と CSS による単純なコンテンツ切り替え

Question

クラスラップの div がいくつかあります。それぞれに、クラス コンテンツのいくつかの 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();
}