make active tab in show / hide script
<p>I have got a js script of show / hide </p>

<p>html:</p>

<pre><code>&lt;div class="footernav"&gt;1111&lt;/div&gt;

&lt;div class="copy gutters hide"&gt;
    content1
&lt;/div&gt;

&lt;div class="footernav"&gt;2222&lt;/div&gt;

&lt;div class="copy gutters hide"&gt;
    content2
&lt;/div&gt;

&lt;div class="footernav"&gt;3333&lt;/div&gt;
</code></pre>

<p>js:</p>

<pre><code>$(function(){

$(".footernav").each(function(i,o){
  $(this).click(function(e){
    e.preventDefault();
    $("div.copy:eq("+i+")").toggle().siblings("div.copy").hide();
  });
});

});
</code></pre>

<p>css:</p>

<pre><code>.hide {display:none;}
.show {display:block;}
</code></pre>

<p>DEMO  : <a href="http://jsfiddle.net/kolxoznik1/DYbBe/" rel="nofollow">http://jsfiddle.net/kolxoznik1/DYbBe/</a></p>

<p>I need help with making active div. When div is active (opened) then div name (in example it is 1111 or 2222 or 3333 ... must have a style (like new color: red or bold)</p>
