使用popper.js隐藏和取消隐藏文本

Question

我有以下popper.js脚本，我希望当我单击按钮时出现文本，当我再次单击该按钮时，文本消失。显示的脚本只取消隐藏文本。

        var ref = $('#button-a');        
    var popup = $('#popup');
    popup.hide();

    ref.click(function(){
            popup.show(); 
            var popper = new Popper(ref,popup,{
                    placement: 'bottom',
                    onCreate: function(data){
                            console.log(data);
                    },
                    modifiers: {
                            flip: {
                                    behavior: ['bottom']
                            },
                            offset: { 
                                    enabled: true,
                                    offset: '0,10'
                            }
                    }
            });
    });

Answer 1

您的事件处理程序永远不会调用.hide（）（我假设这些是JQuery的show和hide函数？）。您可能需要使用.toggle（）而不是.show（）或设置一个条件来处理弹出窗口已经可见并调用.hide（）的情况。