Как установить элементы без определенного класса, чтобы скрыть с помощью jQuery?

У меня есть несколько девсов на странице все с классом« Статью ». Я использовал

$(".article:first").addClass("current");

, чтобы добавить класс« Текущий »в первый Div с классовой« статьей ». Я хочу, чтобы все другие классы = «статью» будут скрыты, пока нажата кнопка.

Когда нагрузки страницы, первый класс = «статья» DIV должен быть виден. Когда кнопка нажала, 2-й DIV должен появиться И так далее.

РЕДАКТИРОВАНИЕ: Дело в том, что класс = «статья» Divs появляются в двух разных классах дев.

<div class="roots">
   <div class="article">
   </div>
</div>
<div class="words">
   <div class="article">
   </div>
</div>

, если я должен был бы обратиться к ним по-разному в jQuery?

Это не работает:

$.ajax({
    url:      "http://localhost:3000/foo.json",
    data:     { foo: 'bar' },
    headers:  { 'HTTP_X_CUSTOMHEADER': 'foobar' },
    xhrFields: { withCredentials: true }
});

, когда я бегу на jsfiddle, параметры Запрос (в соответствии с инструментами Chrome Debug) срабатывает, что выглядит так:

Access-Control-Request-Headers: Origin, HTTP_X_CUSTOMHEADER, Accept
Access-Control-Request-Method:  GET
Origin:                         http://fiddle.jshell.net

, а затем (согласно т. o Инструменты отладки Chrome) Мой локальный сервер возвращает следующие заголовки:

(вручную переформатированным для чтения)

Access-Control-Allow-Credentials: true
Access-Control-Allow-Headers:     HTTP_X_CUSTOMHEADER
Access-Control-Allow-Methods:     GET, POST, PUT, DELETE, OPTIONS
Access-Control-Allow-Origin:      http://fiddle.jshell.net
Access-Control-Max-Age:           10

Cache-Control:                    no-cache
Connection:                       Keep-Alive
Content-Length:                   1
Content-Type:                     text/html; charset=utf-8
Date:                             Wed, 14 Sep 2011 22:42:28 GMT
Server:                           WEBrick/1.3.1 (Ruby/1.8.7/2010-01-10)
X-Runtime:                        2

, а затем в консоли я получаю сообщение об ошибке:

XMLHttpRequest cannot load http://localhost:3000/foo.json?foo=bar.
Origin http://fiddle.jshell.net is not allowed by Access-Control-Allow-Origin.

, но контроль доступа -ALLAGE -ORY Заголовок появляется идентичным, когда мой сервер ответил на запрос прелета. Итак, какую часть я пропускаю здесь этой головоломки?