jQuery - .slideUp() не работает после event.stopPropagation();

Question

У меня проблема с event.stopPropagation(), в моем коде: (!) Когда put. Show() после этого события работает отлично, однако, как указано. SlideUp() не работает! Я действительно хочу, когда пользователь нажимает на панель поиска и ту же самую фигуру, а чат скрыт, он должен появляться с эффектом slideUp(). Если я удалю stopPropagation, щелчок в строке поиска вашего чата тела также исчезнет, ​​как это происходит в случае Див.

См jsfiddle Here

$(".chatHeader").on('click', function() { 
     $('.chatBody').slideToggle(); 
    }); 


    $('#searchText').click(function(e) { 
     event.stopPropagation();  
     $('.chatBody').show(); 
     // $('.chatBody').slideUp(); not works 
    }); 

Кто может помочь мне с этим, я был бы очень благодарен за ваше время, потраченное на него!

Спасибо!

Answer 1

Это одна сложно. Читайте, что:

«Скрыть согласованные элементы с помощью скользящего движения».

Это взято из Jquery РОУ slideUp: http://api.jquery.com/slideUp/

Другими словами, вам нужно использовать slideDown(), если вы хотите, чтобы окно, чтобы показать.

«Отобразить согласованные элементы с раздвижным движением».

http://api.jquery.com/slideDown/

Fiddle

Answer 2

Есть ли какие-либо конкретные причины, по которым вы используете event.stopPropagation()? который блокирует событие от пузырьков. Попробуйте event.preventDefault();

Answer 3

попробовать

$(".chatHeader").not('#searchText').on('click', function() { ... 

ив видел конфликт между slideUp и slideToggle