Jquery 更改弹出按钮图标

我对bootstrap popover图标有疑问。若我点击了popover按钮，我需要将popover按钮的图标更改为close图标，若我按下close图标，则popover按钮图标需要更改为默认值。我附上了一些图片，我想这可能会对你有所帮助

默认情况下，弹出按钮如下图所示

如果我按下popover按钮，那么它需要在图像中显示如下

$（.container”）。在（“单击”，函数（）{
$（this.toggleClass（“change”）.parent（）.toggleClass（“open”）；
});
。菜单{宽度：35px；
高度：38px；
背景色：#00BCD5；
填充：8px 10px；
边界半径：100px；
转换：0.4s；}
.菜单.打开{
高度：150像素；
}
.集装箱{
显示：内联块；
光标：指针；
}
.bar1、.bar2、.bar3{
宽度：35px；
高度：5px；
背景色：#fff；
利润率：6px0；
过渡：0.4s；
}
.找零{
-webkit变换：旋转（-45度）平移（-8px，5px）；
变换：旋转（-45度）平移（-8px，5px）；
}
.change.bar2{opacity:0；}
.找零{
-webkit变换：旋转（45度）平移（-10px，-8px）；
变换：旋转（45度）平移（-10px，-8px）；
}