Показать скрытый элемент внутри другого элемента при нажатии

Question

Последующие действия: Как получить дочерние элементы селектора $ (this)?

у меня как-то не работает.

http://jsfiddle.net/teKwN/1/

HTML

  <h4>
    Sometext
    <h3>
      Another text
    </h3>
  </h4>

CSS

h3 {
    display: none;
}

JS

$('h4').live('click', function() {
    $(this).children('h3').toggle('slide');
});

EDIT: Есть несколько предметов, таких как h4. http://jsfiddle.net/teKwN/4/

Пожалуйста, помогите. Спасибо.

Answer 1

Ваш HTML-код недействителен, поэтому браузер пытается выяснить, что вы имели в виду.Если вы проверяете элемент в Chrome, вы увидите следующее:

<h4>
    Sometext
</h4>
<h3>
    Another text
</h3>

Из-за этого у вашего h4 нет дочерних элементов, поэтому $(this).children('h3') не возвращает элементов.

Вы либонужно изменить это h3 на что-то другое или изменить структуру и код, чтобы отразить это изменение.

http://jsfiddle.net/teKwN/3/

Answer 2

попробуйте

$('h3').toggle('slide');

вместо

$(this).children('h3').toggle('slide');

Answer 3

Проверить это работает нормально

 $('h4').live('click', function() {
        $('h3').toggle('slow');
    });

Answer 4

Не уверен, в чем именно проблема, но вложенные заголовки, вероятно, не очень хорошая идея. Реорганизация вашего HTML с заголовками в виде элементов одного уровня в элементе контейнера, кажется, исправляет это: http://jsfiddle.net/rjzaworski/sJe3g/