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();
}