[Javascript] jQuery .hide() topx

Hi zusammen.
Folgendes Problem: Ich habe 3 divs und möchte das dritte Div verschwinden lassen. Kann mir jemand sagen wie ich dies mache?

PHP-Code:

---


<div class='test' style='width: 100px; height: 100px; background-color: red;'></div>
<div class='test' style='width: 100px; height: 100px; background-color: blue;'></div>
<div class='test' style='width: 100px; height: 100px; background-color: red;'></div> 





---

Ich möchte mit jQuery den Befehl .hide() verwenden. Jedoch schaffe ich es nicht nur das blaue Div zu entfernen.
Hoffe jemand kann mir helfen...

$('.test')[1].hide() funktioniert leider nicht und die Kombination von Javascript und jQuery funktioniert auch nicht..