Как правильно обратиться к одинаковым элементам через JavaScript?

Question

[Хабиб Омаров]

На сайте есть несколько вот таких дивов

<div class="work">
      <a class="open">Открыть</a>
      <div class="work-description">Тут описание</div>
</div>
<div class="work">
      <a class="open">Открыть</a>
      <div class="work-description">Тут описание</div>
</div> ...........

Хочу сделать так чтоб изначально все дивы work-description были скрыты.
Мой гениальный код:

$('.work-description').hide(); - 1 проблема - скрывает только первый на сайте
$('a.open').click(function(){
       $('.work-description').slideToggle('normal');
});

Хочу сделать чтоб при клике на open открывался только тот который находиться в диве #work вместе с open.
Я знаю мне тут нужен this но как ни стараюсь не получается

Answer 1

[Дмитрий Ермолаев]

$('.work-description').hide();
- 1 проблема - скрывает только первый на сайте

странно, я потестил - у меня скрываются все элементы с одинаковым классом
___________________________________________________________________________________

для

<div class="example">
  <div class="button"></div>
  <div class="some_block"></div>
</div>
<div class="example">
  <div class="button"></div>
  <div class="some_block"></div>
</div>

next
.next()
1:

$('.button').click(function(){
  $(this).next().slideToggle('normal');
});

или более универсально
.parents() + .children()
2:

$('.button').click(function(){
  $(this).parents('.example').children('.some_block').slideToggle('normal');
})

или выбор сестринского элемента
.siblings()
3:

$('.button').click(function(){
  $(this).siblings('.some_block').slideToggle('normal');
});

Comments

[Хабиб Омаров]

Спасибо помогло

Answer 2

[Pavel]

я не такой уж и профи, но есть идея:

var count = $('.work-description').length; //количество элементов с этим классом
for (var i = 0; i <= count; count++) {
    $('.work-description')[i].hide(); 
}

Answer 3

[Сергей Мельников]

site-do.ru/html/html.php

Comments

[Хабиб Омаров]

Мне HTML зачем?

[Хабиб Омаров]

в примере могут быть ошибки я не исключаю

[Сергей Мельников]

@temp-market jsbin.com/fabapi/2/edit?html,js,output

Answer 4

[Евгений Низамиев]

ID на странице может быть только один

Comments

[Хабиб Омаров]

я же говорю я для примера писал, там у меня классы. на скорую руку писал