Bootstrap模态：关闭当前，用一个html模态模板打开新的

Question

我无法找到解决方案。使用bs模态+滑动滑块并动态加载内容到模态。喜欢这个

    $(document).ready(function() {

    $(".mwrap").on("click", function() {
        var img, desc, value, elements;
        img = $("img", this).attr("src");
        desc = $("p", this).html();
        value = $("img", this).data("value");

        elements = $.map($('img[data-value="' + value + '"]'), function(img)  {
            return $("<div/>", { //get list of images for slider in modal
                html: $(img).clone()
            })
        })

        $(".wimg").attr("src", img); //add data
        $(".wdesc").html(desc);
        $(".wslider").html(elements);

    });

    $("#myModal").on("shown.bs.modal", function() {

        $(".wslider").slick({ //run slider
            dots: true,
            slidesToShow: 3,
            slidesToScroll: 1,
            autoplay: true
        });
        $('html').removeClass('.hide-slider');
    });

    $("#myModal").on("hide.bs.modal", function() {
        $(".wslider").slick('destroy').html("");  //destroy slider    
    })
});

如何通过单击滑块元素打开另一个模态并关闭当前电流？