单击按钮jquery切换下拉列表

Question

我通过引导程序设计下拉（链接：http://prntscr.com/124hf4），当我点击“试试”按钮时，下拉菜单会打开，但当我点击屏幕上的任何地方时它会关闭。只有当我再次单击“尝试”按钮时才需要它关闭。我摆脱了想法，不知道该怎么做。

编辑： 我有一个隐藏功能，我尝试修改了很多想但却无法得到任何东西。 这是功能代码：`null;

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

有什么想法吗？

点击事件的第二行是我想要做的失败尝试。