Javascript 使用图像显示和隐藏

在下面的代码中，我希望将“隐藏我”和“显示我”更改为图像。 如果我只是在字符串的位置添加图像标记，我得到的是图像标记的字符串而不是图像，可以在这里完成吗

$（文档）.ready（函数（）{
var show；//声明变量以保持显示/隐藏状态
$（“.apps.thebody”）.hide（）；
$（“.showme a”）。单击（函数（事件）{//显示/隐藏应用程序
如果（！show）{
showhide（$（此），“隐藏我”，true）；
}//需要将“隐藏我”更改为图像，
否则{
showhide（$（此），“Show me”，false）；
}//需要将“Show me”更改为图像，
返回false；//您知道：禁用常用的链接单击功能
函数showhide（what、swaptext、swapstate）{
$（what）.parents（“.showme”）.prev（.thebody”）.toggle（'fast'）；
$（what）.text（swaptext）；
show=swapstate；//将当前状态传递给
}
});
});

我的东西会在这里。。。
您应该能够更改一行，然后再次开始使用图像标记

更改此项：

$(what).text(swaptext);

对此

$(what).html(swaptext);


$（文档）.ready（函数（）{
var show；//声明变量以保持显示/隐藏状态
$（“.apps.thebody”）.hide（）；
$（“.showme a”）。单击（函数（事件）{//显示/隐藏应用程序
如果（！show）{
showhide（$（此），“”，true）；
}//需要将“隐藏我”更改为图像，
否则{
showhide（$（此），“”，false）；
}//需要将“Show me”更改为图像，
返回false；//您知道：禁用常用的链接单击功能
函数showhide（what、swaptext、swapstate）{
$（“.thebody”）.toggle（'fast'）；
$（what.html（swaptext）；
show=swapstate；//将当前状态传递给
}
});
});

我的东西会在这里。。。
您可以将代码简化为以下内容（其中您的“图像”位于css中，而不是html/etc）：


$（'.hideShow'）。单击（函数（）{
$（'.toggleMe'）.slideToggle（）；
$（'.hideShow'）.toggleClass（“新类”）；
});
img{
高度：100px；
宽度：100px；
背景：url（“http://placekitten.com/g/300/300"); 
}
.新班级{
背景图像：url（“http://placekitten.com/g/200/200");
}

我在切换！！！
我将如何强制内容（我的东西将在这里…）显示在单击的图像下方而不是顶部？@Andre查看我编辑的内容。实际上，您的Javascript代码结构不好。但也许这是必要的，所以我没碰它的结构。