Как вы показываете: none для ссылок или h2s, содержащих определенную строку?

Я собираюсь задать этот вопрос еще раз. Спасибо всем, кто дал советы по заданию вопросов.

Вот моя ссылка JSfiddle: http://jsfiddle.net/trevhud/VFJf8/4/

И образец html:

<div><code>
<section>
 <h2><a href="#" target="_blank">Documentation</a></h2>
</section>
<section>
 <h2><a href="#" target="_blank">General</a></h2>
 <section>
 <h3><a href="#" target="_blank">General</a></h3>
 <ul>
 <li><a href="#" target="_blank">Reset or Reactivate</a></li>
 <li><a href="#" target="_blank">Create an account</a></li>
 </ul>
 </section>
</section>
</code> <p> Как вы можете видеть, когда вы нажимаете категорию, разделы выходят вниз. Когда вы нажимаете раздел, список статей всплывает.</p> <p> Когда h2 под категорией имеет тот же точный текст, что и h3 в разделе, я хотел бы скрыть h3 и сразу показать список статей. Это значит, что у пользователя нет избыточности, когда нужно дважды щелкнуть, чтобы просмотреть список статей по ссылкам, которые говорят то же самое. Я включил потенциальный ответ в нижней части моего JS, который, похоже, не совсем то, что я описываю. Спасибо всем за помощь</p> </div>
1 ответ

Если вы просто хотите проверить текст h2 по сравнению с следующим тегом h3, вы можете сделать что-то подобное в своем событии click:

if($(this).next().find('h3 a').text() == $(this).text()) 
{
 $(this).next().find('h3').toggle();
}

licensed under cc by-sa 3.0 with attribution.