mouseout и дочерние блоки

[Shuryga]

Ребят такая тема.
есть див в нем много дивов и блоков и ссылок с разными вложенностями. и есть второй блок который к нему прижат.

предподожем выглядит так:

<div class='parent-block-one'>
    <div class='children-block-one'></div>
    <div class='children-block-two'>
         <a href = ''>12</a>
         <a href = ''>2</a>
         <a href = ''>14</a>
         <div class = 'block-z'>
              <span></span>
         </div>
    </div>
</div>
<div class='parent-block-two'></div>

задача следущая

убираем мышку с блока 'parent-block-one' делаем ему display:none.
но если мы мышку убрали но попали на блок 'parent-block-two' тогда нечего не делаем

реализовал так

$('.parent-block-one').mouseout(function(e){
	if($( e.relatedTarget ).attr('class')!='parent-block-two')
           {
           $(this).css('display','none');
	   }
});

но в таком случае если мы водим по блоку 'parent-block-one' и попадаем на любой дочерний блок то он закрывает этот див. но как мне сделать что он не закрывал. не перечеслять же все классы дочерних блоков.

[ksa]

Shuryga, какой смысл плодить темы на одном форуме?

[Shuryga]

Я сначала не там создал Сорян ребят

[рони]

mouseout

mouseleave

[Decode]

Хз, как на JQuery, но по простому можно так:

var parentBlockOne = document.querySelector('.parent-block-one'),
    parentBlockTwo = parentBlockOne.nextElementSibling;

parentBlockOne.onmouseout = function(e) {
  if ( e.relatedTarget == parentBlockTwo || this.contains(e.relatedTarget) ) {
    return false;
  }

  this.style.display = 'none';
};

[Shuryga]

Ребят спасибо большое все работает.