проблема скрыть изображение при показе меню

Question

У меня есть меню с slideUp и SlideDown.

Пользователь нажимает на menuArea, и меню открывается, и изображение с крестиком становится видимым. Чтобы закрыть кнопку, пользователь нажимает на изображение, и это изображение становится невидимым.

У меня проблема с этим шагом.

Посмотрите на эту скрипку: http://jsfiddle.net/pedroR/7YNJY/3/

ПРИМЕЧАНИЕ. См. Эту скрипку в Chrome или IE из-за изображения

Спасибо

Answer 1

Проблема в том, что img содержится в элементе #menuText.Это означает, что при нажатии на элемент img также запускается обработчик события щелчка для #menuText, и когда он запускается, он возвращает img обратно.

Это можно предотвратить, добавивАргумент к обработчику события img click и вызову stopPropagation для предотвращения всплытия события:

$('#menuArea #menuText img').click(function(e) {
    e.stopPropagation();
    $('#menuArea ul').delay(100).slideUp(250);
    $(this).stop(true, true).delay(100).animate({
        opacity: 0
    }, '100', 'linear');
});

Вот рабочий пример .

Answer 2

http://jsfiddle.net/7YNJY/12/ здесь попробуйте это. Вы можете вернуть анимацию обратно, но я просто немного ее ошарашил, чтобы ее было легче читать.

Answer 3

Проверьте, ищете ли вы результат: http://jsfiddle.net/rkw79/7YNJY/13/