通过javascript单击不同图像时隐藏li元素

我在li中显示了一些文本，并在其上方设置了一个图像（有两个图像，在其中单击时会逐个显示）

我想在单击一个图像时隐藏li（其类为“ans”）的文本，并在单击另一个图像（在单击第一个图像后显示）时显示内容

这是我的密码：

---

只需按类名迭代，然后显示和隐藏

var-img=0；
var images=['https://i.imgur.com/KfehB6D.png', 'https://svgshare.com/i/Gzk.svg' ];
var showHide=document.getElementById（'showHide'）；
var showHideImg=document.getElementById（'showHideImg'）；
showHide.addEventListener（'click'，函数（e）{
setImage（）；
});
函数setImage（）{
如果（img>images.length-1）{
img=0；
}
var ans=document.getElementsByClassName（“ans”）；
对于（变量i=0；i
#showhideimg{
宽度：20px；
}


洛雷姆·伊普苏姆·多尔·希特
你好
Lorem，ipsum
Lorem ipsum door sit amet
id为的元素在哪里
showhide
wow，请您将其反转，我的意思是我想将文本设置为在dafault中可见，但在default@GeetanjaliYeah中不可见当然，请检查更新的代码。如果它回答了您的问题，请将其标记为已接受以帮助他人。而不是“我想添加”eye.svg“您能帮助我@Geetanjali吗？是的，您可以简单地用自己的路径替换URL:）它不是为svg显示的，而是为png工作的，我如何使它为svg工作@吉坦贾利？