2015-07-28 1 views
0
$('#menu').click(function(){ 
    $('#nav_bar').slideToggle(400).delay(12000).fadeOut(600); 
}); 

Мне нужно slideDown в #nav_bar и остановить эффект FADEOUT и наоборот быть в состоянии slideUp в #nav_bar во время задержки.Как я могу все еще быть в состоянии переключать во время эффекта анимации в очереди

Любая идея?

Я попытался использовать stop() без везения.

Благодаря

jsfidde: https://jsfiddle.net/ex9wL6g0/

+0

вы можете предоставить HTML, а? – Sushil

+1

Я не уверен, но я думаю, что если вы вызываете ['clearQueue()'] (https://api.jquery.com/clearQueue/) перед 'slideToggle()', это может остановить '.delay() 'перед скольжением вверх. – DontVoteMeDown

+0

Да, это работает очень хорошо. Можете ли вы дать мне ответ, чтобы я мог принять это? –

ответ

1

Вы должны использовать clearQueue():

$('#menu').click(function(){ 
    $('#nav_bar').clearQueue().slideToggle(400).delay(12000).fadeOut(600); 
}); 
+0

Работает как очарование! Спасибо –

Смежные вопросы