JQuery OnBlur текст

Question

Сервисы

<div id="services_menu" class="hiddenmenu">
    <div class="framemenu">
        <div class="itemmenu"><a href="/flights_booking/" class="u" title="Покупка авиабилетов онлайн">Покупка авиабилетов онлайн</a></div>         
        <div class="itemmenu"><a href="/hotels/" class="u" title="Бронирование гостиниц онлайн">Бронирование гостиниц онлайн</a></div>          
        <div class="itemmenu"><a href="/sea_cruises_search/" class="u" title="Поиск круизов">Поиск круизов</a></div>            
        <div class="itemmenu"><a href="/flights_panel/" class="u" title="Табло аэропортов">Табло аэропортов</a></div>           
    </div>
</div>

$('.services').click(function() {
        $('#services_menu').attr('class') == 'hiddenmenu'  ?   $('#services_menu').attr('class', 'visiblemenu')    :   $('#services_menu').attr('class', 'hiddenmenu');
    });

Всё хорошо.

Но ... Как сделать, нажав на любое место на странице, это поле исчезло (класс hiddenmenu )

Извините за плохой английский. Спасибо!

Answer 1

Я только недавно сделал что-то похожее на это.

$('body').click(
  function(){
    // hide whatever
  }
);

Тогда за то, что ты прячешь.

$('.services').click(
  function(e){
    // code
    e.stopPropagation(); // this stops the click event on the body from propagating.
  }
);

Answer 2

@ Исида Что по этому поводу?

  $(document).live('click', function(){
      $('.hiddenmenu').hide();
    });

Answer 3

Вы ищете это:

$(document).click(function(){
  $('.hiddenmenu').hide();
});