jquery - パネルの外側をクリックしてパネルを閉じる方法

Question

ページ上部の「FAST QUOTE」ボタンから、slideDown パネルをインストールしました。

リンクテキスト

ユーザーがslideDownパネルの外のどこかをクリックしたときに、パネルをslideUpにすることはできますか? パネルの下？

Answer 1

jQueryを使用しているようです（jQuerify（Firebug）から見た）。したがって、外側の領域をクリックすると、閉じるボタンのクリックをトリガーする必要があります。

スライド イベントが on.closeQであると仮定して、outsidearea を指定し、clickイベントをバインドして閉じるボタンをトリガーします。

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

あなたのコメントに答える：

スライド ダウン/アップ メソッドで、このコードを追加します (最初の行に (最初に閉じ、後で開きます))。

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

パネルが開いているかどうかを検出し、開いている場合はイベントを閉じます。

Answer 2

あなたができることは、パネルの外側の何かがクリックされた場合にパネルを非表示にするドキュメントにクリックイベントをバインドすることですが、パネルの内側の何かがクリックされた場合はパネルを非表示にしないため、「表示」イベント(またはスライドダウンなど)パネルを示します）

    $('.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');