Javascript 尝试创建一个J-Query弹出窗口重定向到另一个弹出窗口

我试图创建一个弹出窗口，当用户点击弹出窗口内的按钮时，它会将他们带到一个全新的弹出窗口。我似乎找不到正确的HTML脚本。所以我想知道是否有人有任何想法

$（document.foundation（）

这是一个模态。
揭露使这些很容易传唤和解散。close按钮只是一个带有unicode字符图标和一类
close-reveal-modal
的锚。单击模态之外的任何位置也会将其取消

最后，如果您的模式调用另一个显示模式，插件将优雅地为您处理该问题


×
这是第二种模式。
看到了吗？它只是在另一个第一模态之后滑动到位。当您需要后续对话框时，或者当模式选项影响或需要其他决策时，非常方便

×
同时。。您可以使用定制的modal
div
来实现这一点，其中不需要任何其他插件，也可以按照您想要的方式进行完整样式的定制，并且可以包含任何类型的内容。。如以下代码所示：


$（'.modal a'）。在（'click'，函数（evt）上{
evt.preventDefault（）；
});
$（'.open model'）。在（'click'，函数（evt）上{
evt.preventDefault（）；
$（“#覆盖”）.show（）；
});
$（'.modal close'）。在（'click'，函数（）{
$（“#覆盖”）.hide（）；
$（'#modal1'）.show（）；
$（'#modal2'）.hide（）；
});
$（'#modal2'）.hide（）；
$（'pg1btn1'）。在（'click'，函数（）{
$（'#modal2'）.show（）；
$（'#modal1'）.hide（）；
});
$（'pg2btn1'）。在（'click'，函数（）{
$（'#modal1'）.show（）；
$（'#modal2'）.hide（）；
});
$（'pg2btn2'）。在（'click'，函数（）{
$（“#覆盖”）.hide（）；
$（'#modal1'）.show（）；
$（'#modal2'）.hide（）；
});
#覆盖{
显示：块；
宽度：100%；
身高：100%；
z指数：100；
位置：固定；
排名：0；
左：0；
背景色：rgba（0,0,0,0.5）；
字体系列：verdana，无衬线；
}
.莫代尔{
显示：块；
宽度：400px；
高度：250px；
位置：固定；
顶部：calc（50%-100px）；
左：计算（50%-200px）；
背景色：#EEE；
边框：2px#AAA实心；
边界半径：5px；
盒影：0 1px 3px rgba（0,0,0,0.4）；
字体大小：24px；
填充物：5px；
}
.模态头{
显示：块；
高度：30px；
填充物：5px；
字体大小：粗体；
文本对齐：右对齐；
}
.模态头a{
文字装饰：无；
显示：内联块；
宽度：15px；
高度：15px；
右边距：5px
}
.情态行为{
显示：块；
背景色：#DDD；
宽度：60px；
位置：绝对位置；
左：计算（50%-30px）；
边缘顶部：10px；
底部：10px；
填充物：5px10px；
边框：2px#CCC实心；
边界半径：5px；
文本对齐：居中；
光标：指针；
文字装饰：无；
}
.模态动作：悬停{
背景色：#BBB；
边框颜色：#999；
}

Crema Crema菊苣维也纳糖中等，浓郁的马扎格兰美式回味，肉桂浓郁。过滤器，去咖啡因的法布奇诺虹吸咖啡因，所以坐在滴头上。法国印刷店carajillo卡布奇诺摩卡中白伦戈。
第一页：Ristretto spoon galão bar，lungo虹吸搅打品种季节性半份。滴头柱塞罐碟式crema萃取过滤器arabica。
第二页：烤、蒸、健壮、菊苣qui kopi luwak、卡布奇诺、烤半卡布奇诺和半卡布奇诺芳香品种。富马扎格兰杯咖啡师菊苣。
在警报框或模式中弹出？一个看起来像是第一个打开的模式？也一样approach@PraveenK使用？非常感谢！谢谢你的帮助@恶作剧欢迎你，伙计。。。抱歉，为了完成这项工作，我不得不付出很多努力<代码>：）
我使用了上面的代码。但是当我试着点击示例模态时。。。没有什么Happens@PraveenK你检查过这里的代码了吗？很好，我用了下面的答案！这管用！我将使用这个，但添加一些额外的样式。