title: Javascript, data-filter on loading document
body: <p>I have a site, where some divs are being sorted via data-filters.</p>
  
  <pre><code>&lt;li&gt;&lt;a href="#" class="active" data-filter=".xyz"&gt;XYZ&lt;/a&gt;&lt;/li&gt;
  </code></pre>
  
  <p>Now when loading the Document all divs show up.
  How can I achieve it, that only the div with class "xyz" shows up?</p>
  
  <p>Hope someone can help me, really not getting it right now.</p>
  
  <p>Edit:
  Sorry for inputting so few code.</p>
  
  <pre><code>&lt;ul class="filter"&gt;
      &lt;li&gt;&lt;a href="#" class="active" data-filter=".nature"&gt;Nature&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#" data-filter=".logo"&gt;Logo&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#" data-filter=".brochures"&gt;Brochures&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#" data-filter=".business-card"&gt;Business Card&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;div class="nature"&gt;...&lt;/div&gt;
  &lt;div class="logo"&gt;...&lt;/div&gt;
  </code></pre>
  
  <p>Now every div is shown on pageload. I'd only like the first div (.nature) to be shown.
  Filtering is done by?? I'd guess jquery.</p>