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

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

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

И образец html:

<div><code>&lt;section&gt;
 &lt;h2&gt;&lt;a href="#" target="_blank"&gt;Documentation&lt;/a&gt;&lt;/h2&gt;
&lt;/section&gt;
&lt;section&gt;
 &lt;h2&gt;&lt;a href="#" target="_blank"&gt;General&lt;/a&gt;&lt;/h2&gt;
 &lt;section&gt;
 &lt;h3&gt;&lt;a href="#" target="_blank"&gt;General&lt;/a&gt;&lt;/h3&gt;
 &lt;ul&gt;
 &lt;li&gt;&lt;a href="#" target="_blank"&gt;Reset or Reactivate&lt;/a&gt;&lt;/li&gt;
 &lt;li&gt;&lt;a href="#" target="_blank"&gt;Create an account&lt;/a&gt;&lt;/li&gt;
 &lt;/ul&gt;
 &lt;/section&gt;
&lt;/section&gt;</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.