How do I hide a div when the channel entries tag it contains has no results?

Question

In the margin of my blog, I list featured articles. This is the code. My problem: I don´t always have stuff to feature. When the channel entries tag is empty a grey box with the title Featured is left over. I dont want to use a conditional, that says "if no entry, then print "Nothing to feature yet"."
I want to get rid of the entire box. How can i do this?

<div class="panel">
  <h5>Featured</h5>
  {exp:channel:entries channel="blog" limit="2" status="featured"}
    <p><a href="{url_title_path='eintrag/index'}">{title}</a></p>
  {/exp:channel:entries}
</div>

Answer 1

Bring the <div> inside your channel entries tag and do something like this:

{exp:channel:entries channel="blog" limit="2" status="featured"}
  {if count == 1}
  <div class="panel">
    <h5>Featured</h5>
  {/if}
      <p><a href="{url_title_path='eintrag/index'}">{title}</a></p>
  {if count == total_results}
  </div>
  {/if}
{/exp:channel:entries}

ie, output the opening <div> and <h5> only on the first item in the loop, and only output the closing <div> on the last item in the loop. This way no content is output if there are no results.

You can also optionally handle the no_results condition specially using the {if no_results} conditional.