2. <div class="tab"><span class="tab_title">bla 1</span> <span class="status_down">  </span> </div>
3. <div id="info">
5. </div> <!-- info -->
6. <br />
7. <div class="tab"> <span class="tab_title">bla 2</span> <span class="status_up">  </span> </div>
8. <div id="info">
10. </div> <!-- info -->

I`m new to jQuery and new to javascript ... but I have programming background ...

and the following javascript ...

2. function hideInfo()
3. {
4. $('#info').each(function() 
5. {
6. $(this).hide();
7. });
8. }
9. 
   

all I wanna do here is when page loads hide all info div`s ... this code only hide`s the first one ...