jquery onblur text

Question

Hello

<div id="servisesmenu">
      <span class="services" title="Сервисы">Сервисы</span>
</div>
<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');
    });

It's okay.

But...How can I make by clicking on any place on the page, this field disappeared (class a hiddenmenu)

Sorry for bad english. Thank you!

Answer 1

Are you looking for this:

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

Answer 2

I've just recently done something similar to this.

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

Then for whatever you're hiding.

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

Answer 3

@Isis What about this?

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