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');
    });

没关系的。

But...How我可以通过点击页面上的任何地方，这个字段消失了(隐藏菜单类)

抱歉英语不太好。谢谢!

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).click(function(){
  $('.hiddenmenu').hide();
});

Answer 3

@Isis这个怎么样？

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