Javascript 关闭一个模式，然后用一个按钮打开一个新模式

我正在使用bootstrap，有一个模式，我想链接到另一个模式。我似乎无法理解这一点，目前我正在使用

modal.close（）

和

.modal（'show'）

，但这不起作用

$('a#to3heart').click(function(){
    $('#portfolioModal2').modal({onShow: function (dialog) {
        $.modal.close()
        $('#portfolioModal1').modal('show'); 
            return false;
        }
    });
});

使用：

见：

---

演示：

我遇到了类似的问题，并使用通用jQuery解决方案解决了它

它只是隐藏了所有非目标的模态

$('button[data-target]').click(function () {
    $('.modal').not($(this).data('target')).modal('hide');
});

---

我试过上面贴出的所有答案，似乎都不适用于我的情况。最后，我写了这个。 这将隐藏屏幕上的任何活动模式，并显示仅单击的模式

$('[data-toggle="modal"]').on('click', function() { 
    
        $('.modal').not($(this).data('target')).modal('hide');
   
});

---

你能提供一些你的问题吗？非常感谢。如果这是个愚蠢的问题，我很抱歉

$('[data-toggle="modal"]').on('click', function() { 
    
        $('.modal').not($(this).data('target')).modal('hide');
   
});