Почему slideToggle не работает корректно?

Question

[Дмитрий]

<ul class="navUl">
					<li class="navLi margNeg">
						<div class="dBlue push">Новости</div>
						<ul class="navUlInside">
							<li class="navLiNews"><a href="#" class="navAnews">Лента новостей</a></li>
							<li class="navLiNews"><a href="#" class="navAnews">Обзор прессы</a></li>
							<li class="navLiNews"><a href="#" class="navAnews">Тема дня</a></li>
							<ul class="dispNone">
								<li class="navLiNews"><a href="#" class="navAnews">Главные новости</a></li>
								<li class="navLiNews"><a href="#" class="navAnews">Пресс-релизы</a></li>
								<li class="navLiNews"><a href="#" class="navAnews">Банковский словарь</a></li>
								<li class="navLiNews"><a href="#" class="navAnews">Курсы ЦБ</a></li>
							</ul>
						</ul>
					</li>
					
					<li class="navLi">
						<div class="dGreen push">Банки</div>
						<ul class="navUlInside">
							<li class="navLiBanks"><a href="#" class="navAbanks">Банки Москвы</a></li>
							<li class="navLiBanks"><a href="#" class="navAbanks">Банки России</a></li>
							<li class="navLiBanks"><a href="http://www.allbanks.ru/" class="navAbanks">Все банки России на Allbanks.ru</a></li>
							<ul class="dispNone">
							</ul>
						</ul>
					</li>
</ul

>

$(document).ready(function() {
	
	push = $('.push');

	
	function windowSize (){
		if ($(window).width() < 730) {
			$(push).on('click', function(){
				$(this).next().slideToggle();
			});
		} else {
			$(push).unbind('click');
		}
	}
	
	$(window).load(windowSize);
	$(window).resize(windowSize);
		
});

При уменьшении окна браузера и перезагрузке slideToggle работает нормально.При клике на элемент с классом .push делается видимый/скрывается список с классом navUlInside.
А вот если уменьшить окно браузера и не перегружать страницу то при клике navUlInside начинает открываться и закрываться примерно раз 8.Немного сужая окно колличество последовательных открытий/закрытий меняется.В чём тут дело?