Objekt ein- ausblenden

[GN]

Hallo,

wie kann ich bei der Such die <hr /> zwischen den <article> aus bzw. wieder mit einblenden?

      <article>
        <header>
          <h2>Lorem ipsum ...</h2>
        </header>
          <hr />
        <section>
          <p>...</p>
        </section>
      </article>
        <hr />
      <article>
        <header>
          <h2>Lorem ipsum ...</h2>
        </header>
          <hr />
        <section>
          <p>...</p>
        </section>
      </article>
        <hr />
      <article>
        <header>
          <h2>Lorem ipsum ...</h2>
        </header>
          <hr />
        <section>
          <p>...</p>
        </section>
      </article>

    $('#searchfield').keyup(function() {
        var filter = $(this).val();
        $('#main'] > article').each(function() {
            if ($(this).text().search(new RegExp(filter, 'i')) < 0) {
                $(this).fadeOut();
            } else {
                $(this).show();
            }
        });
    });

[Tronjer]

Die <hr> löschen, dem darüber liegenden <header> ein border-bottom geben und dessen border-color per toggleClass() auf transparent switchen.

[GN]

Hallo, wäre eine Lösung. Die Seitenstruktur soll aber nicht verändert werden...