[failure]

Добрый день.
Помогите исправить ошибку в следующей задаче.

Есть элементы <div> с одним классом (.classname). Необходимо выбрать каждый из этих <div>, поставить на них обработчик события (в примере .hover() ), а в функции обработчика найти дочерний от верхнего <div> элемент с заданным классом, и с ним уже работать.

Пример:

<div class="classname">
   <div class="class1"></div>
   <div class="class2"></div>
   <div class="class3"></div>
</div>

<div class="classname">
   <div class="class1"></div>
   <div class="class2"></div>
   <div class="class3"></div>
</div>

Пробовал так, не работает.

$.each($('.classname'), function() {
   $(this).hover(function() {
      $($(this).children(".class1"), $(this).children(".class2")).toggle();	 
   }, function() {
      $($(this).children(".class1"), $(this).children(".class2")).toggle();
   });
});

Если не использовать функцию $.each(), то работает только для 1-го <div>.
Пробовал $(this).children(".class1") и $(this).children(".class2") заменять переменными, тоже не работает.

Есть ли решение, кроме добавление новых классов нужным элементам?