jquery - ボタンjqueryをクリックしてドロップダウンを切り替えます

Question

ブートストラップ デザインによるドロップダウンがあります (リンク: http://prntscr.com/124hf4 )。[試してみる] ボタンをクリックするとドロップダウンが開きますが、画面のどこかをクリックすると閉じます。「試してみる」ボタンをもう一度クリックしたときにのみ閉じる必要があります。私はアイデアを取り除き、それを行う方法がわかりません。

編集：私は多くの考えを修正しようとした非表示機能を持っていますが、何も得られませんでした。関数コードは次のとおりです。

function hide(event) {
    $('span').click(function() {
        // In some cases we don't hide them
        var targetGroup = event ? $(event.target).parents().addBack() : 
        // Are we clicking anywhere in a dropdown?
        if( targetGroup && targetGroup.is('.dropdown') ) {
            // Is it a dropdown menu?
            if( targetGroup.is('.dropdown-menu') ) {
                // Did we click on an option? If so close it.
                if( !targetGroup.is('A') ) return;
            } else {
                // Nope, it's a panel. Leave it open.
                return;
            }
        }

        // Hide any dropdown that may be showing
        $(document).find('.dropdown:visible').each( function() {
            var dropdown = $(this);
            dropdown
                .hide()
                .removeData('dropdown-trigger')
                .trigger('hide', { dropdown: dropdown });
        });

        // Remove all dropdown-open classes
        $(document).find('.dropdown-open').removeClass('dropdown-open');
    });
}

何か案は？

クリック イベントのある 2 行目は、やりたかったことの失敗試行です。