Дерганный slideDown
 

Здравствуйте!

Я столкнулся с проблемой поддергивания slideDown при обработке вложенных элементов:

<div class="menu">
    <div class="outer">
        <div class="title">one</div>
        <div class="inner">            
            <div class="item">111111</div>
            <div class="item">222222</div>            
        </div>
    </div>
    <div class="outer">
        <div class="title">two</div>
        <div class="inner">            
            <div class="item tag">3333333</div>
            <div class="item">4444444</div>
        </div>
        <div class="title">three</div>
        <div class="inner">            
            <div class="item">555555</div>
            <div class="item">555555</div>
        </div>
    </div>    
</div>
<button class="btn">click</button>

$('.btn').click(function() {
    $('.inner, .outer').not(':has(.tag)').slideToggle('600');
});

Проблема в том что должна использоваться имеено такая структура html. И обязательно нужно скрывать outer при отсутствии в них видимых inner.

Проблема поддергивания slideDown довольно распространенная, но я так и не смог найти решение для моей ситуации.

Вот пример:
http://jsfiddle.net/ponyspy/snf3m/2/