Jquery 多级下拉菜单。如何获得原始状态？

此菜单替换父菜单项。 如果按下按钮菜单，帮助获取原始状态。 请尝试$（'.navbar dropdown）.next（'.navbar dropdown menu:first child'）.clone（），但单击按钮时无法替换

$（函数（）{
$（文档）。在（“单击”）上，函数（e）{
var目标=$（e.target）；
如果（！（目标）.is（'.navbar下拉菜单'））{
$（'.navbar下拉列表内容'）.hide（）；
}
});
$（'.navbar下拉菜单'）。打开（“单击”，函数（e）{
e、 停止传播（）；
e、 预防默认值（）；
$（this）.parent（'.navbar下拉内容'）.replaceWith（$（this）.next（'.navbar下拉内容'）.toggle（））；
});
});
.navbar下拉列表内容{
显示：无；
位置：绝对位置；
背景：灰色；
}
.navbar下拉列表内容a{
显示：块；
填充物：5em 1em；
}

菜单
我会在HTML中添加一个
隐藏的
输入
，在那里存储原始状态，然后从那里读取并重用它。或者，您可以将原始状态作为JSON值传递给Javascript代码。
我尝试保存var original=$（'.navbar下拉菜单）。下一步（'.navbar下拉菜单：第一个子项'）.clone（）；并在单击$（this）时替换为（“：button”）。但之后连按钮都不显示。下拉内容。