Как Trigger панель Закрыть из мыши вне панели

Question

Я только что установили панель slideDown с помощью кнопки «БЫСТРОГО Quote» в верхней части страницы:

link text

Можно ли сделать панель slideUp когда пользователь щелкает где-нибудь за пределами панели slideDown? Под панелью?

Answer 1

Кажется, вы используете jQuery (пила из jQuerify (Firebug)). Поэтому вам нужно нажать кнопку закрытия, щелкнув по внешней области.

Предполагая, что события слайда находятся на .closeQ, укажите свою внешнюю область и привяжите событие click, чтобы вызвать кнопку закрытия.

$("outsidearea").click(function(){ $(".closeQ").trigger("click"); }); 

Отвечая на Ваш комментарий:

На слайде вниз/вверх способ добавить этот код (на первой линии (вблизи первой, открытой после))

$(".btn-slide.closeQ, .btn-slide2.closeQ").trigger("click"); 

Это будет найти, если панель открыта, и если она будет открыта, она закроет событие.

Answer 2

Что вы можете сделать, это связать событие click с документом, который скроет панель, если что-то вне панели щелкнуло, но не скроет ее, если что-то внутри панели нажата, поэтому ваше событие show или slidedown или что-то показывает панель)

$('.form_wrapper').show(function(){ 

     $(document).bind('click', function (e) { 
      var clicked = $(e.target); 
      if (!clicked.parents().hasClass(".class-of-panel")) { 
       $('.form_wrapper').hide(); 
      } 
     }); 

    }); 

Затем, когда скрывать это, отвязать событие щелчка

$(document).unbind('click');